/* Reset: */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,code,form,input,button,textarea,p,th,td{margin:0;padding:0;outline:none;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{font:14px/1.5 "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-overflow-scrolling:touch;color:#222;background: #f3f3f3;font-size: 1rem}
img,input,select{vertical-align:middle;font-family:inherit;}
img{border:0;-ms-interpolation-mode:bicubic;}
li,ul,dl{list-style:none;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
button,input[type="text"],input[type="button"],input[type="reset"],input[type="submit"]/*,select*/{cursor:pointer;-webkit-appearance:none;border-radius:0;}
button[disabled],input[disabled]{cursor:default;}
textarea{overflow:auto;vertical-align:top;resize:none;font-family:inherit;}
i,em{font-style:normal}
b,strong,dt{font-weight:bold;}
a{color:#555;text-decoration:none;}
a:focus{outline:0;}
.clearfix{*zoom:1}
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}
.clear{font-size:0;line-height:0;overflow:hidden}
.cl {zoom:1;}.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix:after { clear: both }


/* Public: */
h1,h2,h3,h4 { font-weight: 400; }
a { color: #555; }
body { padding-top: 52px; }
.fl { float: left }
.fr { float: right }
.ico-bar-horizontal { display: block; margin-right: auto; margin-left: auto; width: 50px; height: 2px; background: #2aa0ea; }

.footer,.col,.content,.wrap { margin-left: auto; margin-right: auto; padding-left: 12px; padding-right: 12px; }

.ico-col-more,
.ico-col-more-active,
.ico-nav-menu { display: inline-block; }
.ico-col-more,
.ico-col-more-active { background-image: url('../images/img/more.png'); width: 18px; height: 18px; margin-left: 4px; margin-bottom: -3px; }
.ico-col-more-active { background-position: -18px 0; }
.ico-nav-menu { background: url(../images/m-ico.png) 0 -30px; width: 30px; height:30px; }
.ico-search { background: url(../images/m-ico.png);width:30px;height:30px;display:inline-block;margin-right:5px; }

/* Header: */
.header { width: 100%; height: 52px; z-index: 9; background: #2c77d4; position: fixed; top: 0; left: 0; }
.header h1 a { float: left; padding-top: 8px; padding-left: 15px; color: #fff; font-size: 18px; }
.header h1 a img { width:25%;height:25%; }
.header .top-menu { width: 70px; height: 30px; position: absolute; top: 50%; margin-top:-15px;right: 15px; }
.nav-wrap { display: none; position: fixed; z-index: 1000; width: 180px; top: 52px; right: 0; background: rgba(0,0,0,0.98); }
.nav-list li { border-bottom: 1px solid #111; background: rgba(34,34,34,0.18); text-indent: 24px; }
.nav-list li a { padding-top: 12px; padding-bottom: 12px; display: block; font-size: 16px; color: #888; }
.nav-search {display: block;position: fixed;z-index: 1001;width: 100%; top: 0;left: 0;height:52px;background: #2c77d4;display:none; }
.nav-search .s-s { margin:10px; height:32px;line-height:32px; position:relative; background:#fff;overflow: hidden;}
.nav-search .s-s .button {  width:18px;height:18px;position: absolute;left:8px;top:8px;background: url(../images/m-ico.png) -32px -44px;border:none; }
.nav-search .s-s .int { width:80%;height:32px;background:#fff;border:none;position: absolute;left:32px;top:0; ;}
.nav-search .s-s span { color:#999;position: absolute;right:10px;top:0; }

/* m-hot: */
.m-hot { background: #fff; ; }
.m-hot .tj  { width:100%;position: relative; }
.m-hot .tj a { padding:15px;overflow:hidden;border-bottom:1px solid #f3f3f3; display: flex;}
.m-hot .tj a .himg { width:80px;margin-right:15px; -webkit-box-flex: 0;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.m-hot .tj a .himg img { width:70px;height:70px; }
.m-hot .tj a .htit { -webkit-box-flex: 2;-webkit-flex: 2 2 auto;-ms-flex: 2 2 auto; flex: 2 2 auto; width: calc(100% - 125px); }
.m-hot .tj a .htit span{ font-size:16px;color:#222; }
.m-hot .tj a .htit p { font-size:14px; color:#999; height: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 92%; }
.m-hot .tj a .htit i { padding:1px 8px;border:1px solid #95bbe9;color:#2c77d4;font-size:12px;margin-top:5px;display:inline-block;margin-top:5px; border-radius:4px;}
.m-hot .tj a .ent { position: absolute;width:14px;height:24px;display:block;right:15px;top:50%;margin-top:-12px;background: url(../images/m-ico.png) -72px 0;background-size:200%;}

/* m-list: */
.m-list .hd { height:50px;line-height:50px; }
.m-list .hd h3 { font-size:18px;float: left;margin: 16px 15px 14px 0;height: 20px;line-height: 20px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;border-left:4px solid #2c77d4;text-indent:10px; }
.m-list .hd span a { margin-right:15px;color:#999; }
.m-list .bd { background:#fff; }
.m-list .bd ul li { width:33.3%;float:left;text-align: center; }
.m-list .bd ul li a { border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;display:block;padding:10px 0;}
.m-list .bd ul li a img { width:60px;height:60px; }
.m-list .bd ul li a p { line-height:24px; font-size:15px;height: 24px;overflow: hidden; }
.m-all .hd { height:50px;line-height:50px; }
.m-all .hd h3 { font-size:18px;float: left;margin: 16px 15px 14px 0;height: 20px;line-height: 20px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;border-left:4px solid #2c77d4;text-indent:10px; }
.m-all .hd span { margin-right:15px;color:#999; }
.m-all .bd ul li { width:33.3%;float:left;text-align: center;position: relative;overflow:hidden;}
.m-all .bd { background: #fff; }
.m-all .bd ul li i { /*background: url(../images/all.png);*/position: absolute;right:-10px;bottom:-10px;display:block; width:60px;height:50px; background-size:100%;}
.m-all .bd ul li.m1 i { background-position: 0 0; }
.m-all .bd ul li.m2 i { background-position: 0 -100px; }
.m-all .bd ul li.m3 i { background-position: 0 -200px; }
.m-all .bd ul li.m4 i { background-position: 0 -300px; }
.m-all .bd ul li.m5 i { background-position: 0 -400px; }
.m-all .bd ul li.m6 i { background-position: 0 -500px; }
.m-all .bd ul li.m7 i { background-position: 0 -600px; }
.m-all .bd ul li.m8 i { background-position: 0 -700px; }
.m-all .bd ul li.m9 i { background-position: 0 -800px; }

.m-all .bd ul li a p { color:#222;font-size:15px; }
.m-all .bd ul li a span { color:#999; }
.m-all .bd ul li a { display:block;padding:15px 0; border-right:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;}

/* m-link: */
.m-link { background: #fff;margin-top:15px; }
.m-link .hd { color:#666;height:40px;line-height:40px;font-size:16px;padding-left:15px; }
.m-link .bd { padding:0 15px 10px 15px;overflow:hidden; }
.m-link .bd a { margin:0 5px 5px 0;display:inline-block;float:left;padding:2px 10px; border:1px solid #e6e6e6; border-radius:4px;color:#999;}

/* m-search: */
.m-search { padding:25px 0;text-align: center; background: #fff;margin-top:15px;}
.m-search form { margin:0 10%;overflow: hidden; }
.m-search .int { height:40px;line-height:40px;border:1px solid #e6e6e6;border-right:none;text-indent:10px;float:left;width: 85%;background: #f7f7f7; }
.m-search .button { width:32px;height:42px;float:left;width:14%;background:#2c77d4;}
.m-search .button input { border:none;background: url(../images/m-ico.png);background-size:160%;width:24px;height:24px;margin-top:10px; }

/* Footer: */
.footer { text-align: center; color: #999;background:#444; font-size: 12px; line-height:30px; }
.fixed-bottom { position: fixed; position: absolute; z-index: 9; left: 0; bottom: 0; width: 100% }

/* list: */
.m-tit { line-height:50px;padding-left:15px;background:#fff;border-bottom:1px solid #f3f3f3; }
.m-tit p { font-size:20px;color:#222; }
.m-tit p span { font-size:12px;color:#999; }

.m-tools { background: #fff;margin-top:15px; }
.m-tools .hd { color:#666;font-size:16px;padding-left:15px;}
.m-tools .hd span { border-bottom:2px solid #2c77d4;line-height:36px;height:36px;display:inline-block;padding-top:5px; }
.m-tools .bd { padding:15px 15px 10px 15px;overflow:hidden; }
.m-tools .bd a {     padding: .3rem 1rem;
    margin: 0 .35rem .35rem 0;display:inline-block;float:left; border:1px solid #e6e6e6; border-radius:4px;background: #fafafa;color:#666;}

.m-content { background: #fff; }
.m-content .box-t {  display: flex;padding:15px;}
.m-content .box-t .box-tit {-webkit-box-flex: 2;-webkit-flex: 2 2 auto;-ms-flex: 2 2 auto; flex: 2 2 auto;}
.m-content .box-t .box-tit h2 { color:#222;font-size:20px;line-height:50px; }
.m-content .box-t .box-img {-webkit-box-flex: 0;-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;margin-right:15px;}
.m-content .box-t .box-img img { width:50px;height:50px; }
.box-p { padding:15px;background: #f7f7f7;border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3;color:#666;line-height:24px; margin-bottom: 10px; }
.m-content .box-main { padding:15px; }

.m-set { background: #fff;margin-top:15px; }
.m-set form { padding:15px; }
.m-set form .s-1 { width:100%;border:1px solid #e6e6e6; border-bottom:none;}
.m-set form .s-2 { width:100%;border:1px solid #2c77d4; }
.m-set form p { font-size:16px;line-height:1;margin-bottom:10px;color:#666; }
.m-set form textarea { width:100%;min-height:100px;border:none;border-bottom:none; }
.m-set form input { width:100%;border:none;height:40px; background:#2c77d4;color:#fff;font-size: 16px;}

section { margin-bottom: 15px; background: #fff;}

.box02 .hd h1{padding: 1rem;font-size: 1.42rem; text-align: center;}
.box02 .hd h1 img { width: 3.57rem; height: 3.57rem; margin-right: 1rem;}

.box01 { margin-bottom:1px}
.box01 .hd {height:50px;border-bottom:solid 1px #e5e5e5}
.box01 .hd h3{float:left;padding:17px 15px 13px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;font-size:16px;font-weight:bold;background:url(../images/ico_title.png) no-repeat 0 17px}
.box01 .hd h3 span{font-size:14px;font-weight:100}
.box01 .bd {padding-bottom: 10px;}
.box01 .bd .con{padding:10px 15px 10px 15px;text-align:left;font-size:14px;line-height:24px;}


/*分页*/
.pages {text-align:center; margin : 1rem 0;}
#pagination{padding:.2rem 0;background: #333;}
.pagination {display: inline-block;padding-left: 0;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 0 10px;margin: 2px;line-height: 28px;height: 28px !important;font-size: .2.5rem;border-radius: 4px;color: #337ab7;text-decoration: none;background-color: #fff;border: 0px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 3; color:#fff;border-color:#2c77d4;background-color:#2c77d4}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;cursor: default;color: #fff;border: solid 0px #2c77d4;background-color: #2c77d4;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #ccc;border: #ddd 0px solid;background-color: #EEEEEE;cursor: not-allowed;}
.pagination-sm > li > a,
.pagination-sm > li > span {color: #666;border: #d5d5d5 0px solid;background-color: #ddd;}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

.nocontent{padding: 10px;}
.nocontent .box{text-align: center; padding: 50px 0; font-size: 1.2rem;border: 1px dashed #ccc;color: #ccc;}

.tlist02 li { border-bottom:solid 1px #e8e8e8;}
.tlist02 li a { display:block;padding:10px 0; margin:0 10px;font-size:18px;color:#333;background:url(../images/ico_go.png) no-repeat right center}
.tlist02 li a:hover { text-decoration:none;}

.btn01 { padding: 6px 18px;color: #fff;cursor: pointer;border: none;background: #2c77d4;}

/**android兼容**/
@media screen and (max-width:639px) {
    html { font-size: 18px }
}
@media screen and (max-width:480px) {
    html { font-size: 16px }
}
@media screen and (max-width:375px) {
    html { font-size: 14px }
}
@media screen and (max-width:359px) {
    html { font-size: 12px }
}