@import url("common.css");
/*头部*/
.header_bg { height: 322px; position: relative;background-color: #ff6a06; }
.header_bg .search {position: relative;left: 0;margin-left: 0;}
.logo img { margin-top: 0px; }
.in_header { width: 930px; height: 84px; margin-top: 50px; }
/*导航*/
nav { position: relative;padding-top: 20px;}
.in_nav { height: 50px; }
/*首屏*/
.con_ban {position: relative; height: 110px; padding-top: 260px;}
.in_ban { position: absolute; top: -70px; }
.ban_l { width: 830px; padding: 25px; }
.ban_r { width: 260px; padding: 20px;  }
.ban_picture { width: 532px; }
/*首屏热门图文*/
/*.ban_r .hot_tu { padding: 10px; }*/
.ban_r .hot_tu h4 { line-height: 20px; margin:0px 0 20px 0; }
.ban_r .hot_tu .hot_lb2.on { height: 60px; }
.ban_r .hot_lb2.on .hot_bt { font-weight: normal; }
.ban_r .hot_lb2.on .hot_b { padding-left:0;}
.hot_lb3 {margin-bottom: 0px;margin-top: 10px;}
/*专题*/
.ban_zt { height: 86px; overflow: hidden; margin-top: 20px; }
.ban_zt .zt_itme { width: 170px; height: 86px; margin-right: 11px; border-radius: 10px; display: block; float: left; *margin-right: 7px; }
.ban_zt .zt_itme img { width: 100%; }
/*今日推荐*/
.ban_push { width: 258px; overflow: hidden; }
.ban_push h4 { line-height: 20px; margin-bottom: 10px; }
.ban_push li { margin-top: 10px; }
/*登录*/
.login { padding:10px; }
.login_top {height: 52px; position: relative; padding-left: 70px; cursor:pointer;}
.login_avatar { width: 52px; height: 52px; border-radius: 100%; overflow: hidden; position: absolute; left: 0; }
.login_avatar img { width: 100%; }
.login_name { height: 50px; position: relative; }
.login_name h4 { font-size: 18px; line-height: 30px; font-weight: normal; float: left; }
.login_name p { font-size: 14px; color: #999; position: absolute; bottom: 0; }

.login_cz { height: 36px; margin-top: 20px; }
.login_cz a { width: 46%; text-align: center; line-height: 36px; height: 36px; border-radius: 36px; color: #fff; display: block; }
/*vip权益*/
.vip_title { position: relative; height: 30px; line-height: 30px; }
.vip_title:before{ content:""; display: block; height: 1px; width: 100%; background: #f1f1f1; position: absolute; top: 15px; }
.vip_title span { width: 100px; left: 50%; margin-left: -50px; text-align: center; background: #fff; position: absolute; font-size: 12px; color: #999; }
.vip_itme { width: 40%; float: left; line-height: 20px; margin: 10px 0 10px 2%; position: relative; padding-left: 20px; color: #666;  }
.vip_itme em { position: absolute; left: 0; color: #e8b856; }
.ban_gg { width: 100%; height: 102px; border-radius: 10px; }
.ban_gg img { width: 100%; min-height: 102px; }
/*关键词栏目专题*/
.ban_lm { height: 110px; }
.ban_lm .lm_itme { float: left; width: 229px; margin-right: 14px; *margin-right: 12px; border-radius: 10px; overflow: hidden; }
.ban_lm .lm_itme img { width: 100%; }
.ban_lm .scroll_btn { background: rgba(54,173,158,0.9); color: #fff; box-shadow: 0 4px 20px rgba(54,173,158,0.2); }
/*栏目*/
.lm_rwap {height: 400px; }
.lm_pic { margin-top: 26px;}
.lm_rwap .lm_nav2 { width: 160px; background: #f9f4f0; height: 376px; padding: 10px 10px 10px 15px; }
.lm_nav2:nth-child(1) .nav_nr {
    height: 128px;
}
.lm_nav2 h4 { line-height: 20px; position: relative; padding-left: 15px; margin-top: 13px; }
.lm_nav2 h4:before{ content:""; display: block; height: 12px; width: 6px; background: #ff6a06; position: absolute; top: 4px; border-radius: 10px; left: 0; }
.lm_nav2 .bt2:before { background: #e8b856; }
.lm_nav2 .bt2 { margin-top: 20px;}
.lm_nav2 a { font-size: 12px; display: block; float: left; width: 48%; line-height: 24px; margin-bottom: 8px; color: #666; height: 24px; overflow: hidden; }
.lm_nav2 a:nth-child(2n) { float: right; }
.lm_nav2 .nav_nr { margin-top: 10px; }
.lm_nav2 a:hover { color: #ff6a06; font-weight: bold; }
.lm_article { width: 640px; margin-right: 27px; *margin-left: 20px; } 
.lm_article .pic_lb2 { margin-left: 24px; margin-bottom: 19px;}
.lm_article .pic_lb2:first-child { margin-left: 0;}
.lm_article .pic_lb1 { width: 48%; *width: 34%; height: 84px; }
.lm_article .title1 { background-color: #f5f9f9; border-radius: 10px; line-height: 40px; margin-bottom: 13px; padding-left: 38px;  }
.lm_article .title1 em { top: 8px; left: 10px; }
.lm_article .pic_lb1 .lb_bt { height: 48px; }
/*精选图文*/
.pic { padding: 30px; }
.pic_rwap { overflow: hidden; }
.pic_title { border-bottom: 0; }
.pic_rwap .pic_lb2 { width: 204px; margin:0 30px 0 0; }
.pic_lb2 .lb_bt { margin-top: 10px; height: 24px; }
.pic_rwap .pic_lb2 .lb_img { height: 138px; }
.pic_rwap .pic_lb2 .lb_img img { min-height: 140px; }
.pic_rwap .scroll_btn { top: 36%; }


.con_l { width: 880px; background: none; padding: 0; }
.con_r { margin-top: 0px; }
.header_bg { height: 270px; }
.nav_wrap { margin-left: 40px; width: 1058px; }
.search { margin-top: 9px; }
.search_f { margin: 0 auto; }
.logo { margin-top: 7px; }
.ss_filter { padding: 20px; height: 120px; *height: auto; overflow: hidden; background: #fff; position: relative; }
.ss_filter.on { height: 26px; }
.filter_btn { position: absolute; line-height: 26px; right: 20px; top: 20px; font-size: 12px; color: #999; }
.filter_btn a { color: #999; }
.filter_btn em { font-size: 12px; color: #ccc; }
.filter_itme { line-height: 26px; margin-top: 20px; font-size: 12px; }
.filter_itme:first-child { margin-top: 0; }
.filter_itme span { width: 46px; display: block; }
.filter_itme ul { width: 760px; }
.filter_itme ul li { border-radius: 20px; background: #f5f9f9; padding: 0 10px; float: left; margin-right: 10px; cursor: pointer; }
.filter_itme ul li.on { background: #36ad9e; color: #fff; }
.filter_itme ul li:hover { color: #36ad9e; }
.filter_itme ul li.on { color: #fff; }
.ss_title { line-height: 30px; margin-top: 5px; font-size: 12px; }
.ss_title p span { margin: 0 5px;}
.list_itme { background: #fff; padding: 20px 180px 20px 20px; border-bottom: none; border-radius: 10px; margin: 5px 0 0 0; }
.list_itme:hover { box-shadow: 0 10px 30px rgba(49,71,68,0.08); }
.list_itme .cz_nr { right: 20px; top: 50px; width: 140px; }
.list_itme .cz_nr a { float: right; }
/*.list_itme h4{color:#e00;}*/
.list_b time { margin-left: 0; }
.list_b p { line-height: 20px; height: 20px; padding: 0 0 0 10px; float: left; margin:0 10px 0 0; position: relative; color: #999; }
.list_b p:before { content:""; display: block; position: absolute; height: 12px; width: 1px; background: #e1e1e1; position: absolute; left: 0; top: 4px; }
.list_b p:first-child { padding-left: 0; }
.list_b p:first-child:before { display: none; }
.list_tui { line-height: 30px; font-size: 12px; color: #666; margin-top: 10px; float: right; }
.list_tui em { color: #e8b856; display: block; float: left; }
.list_itme .list_btn { width: 120px; }
.list_itme .list_btn em { font-size: 14px; margin-right: 10px; }
.sli_icon { background: #35a3ef; color: #fff; border-radius: 4px; padding: 2px 4px; font-size: 12px; }
/*.pnum { background: #fff; padding: 20px 0; border-radius: 10px; margin-top: 5px; }
.pnum li{ cursor: pointer;}
.pnum td { width: auto!important; margin: 0 6px; line-height:30px; height:30px; float: left;  border-radius:20px; min-width: 28px; display: none; padding-left: 3px; border: 1px solid #36ad9e; text-align: center; position: relative; }
.pnum td a { padding: 0 6px; line-height:30px; height:30px; min-width: 20px; margin:0; position: absolute; left:0; background: #36ad9e; color:#fff; }
.pnum td:nth-child(9) { color: #999; background:#fff; padding-right: 10px;}
.pnum a { background: #f8f8f8; display: block; padding: 6px 12px;border-radius:20px; float: left;  }
.pnum a.sed { background: #12bbff; color: #fff; }*/
.ar_header .nav3 .sub_wrap a { color:#666;}
.ar_header .nav3 { overflow:visible; }
.search_btn666{ width: 100px; line-height: 48px; cursor: pointer; background: #e1f3f1; padding: 0;}
.gjc{ color: #f00; font-weight: bold; font-size: 15px;}
.contact_top{margin-top: 15px;}
.contact_top .nav_item span a{color: #ff6a06}
.nav_item::before{background: #f8a500;height: 2px;}
.nav_mobile{line-height: 25px;}

@media screen and (max-width: 768px) {
    body {
        min-width: 100%;
        font-size: 16px;
    }
    .logo img,.nav2,#nav,.contact_top,.sort_hot,.ar_louti,#downloadCards,.fink,.footer_nav{display: none;}
    /*手机导航 begin */
    #mobile-mask{position:relative;z-index:1;background:#FFF;overflow-x:hidden;overflow-y:hidden;}
    .offcanvas-visible #mobile-mask {-moz-transform:translateX(-275px);-webkit-transform:translateX(-275px);-ms-transform:translateX(-275px);-o-transform:translateX(-275px);transform:translateX(-275px);}
    #m-header .nav {display:block;}
    #m-header {background:#383838;display:none;height:100%;right:0;overflow-y:auto;position:relative;position:fixed;z-index:1;top:0;width:275px;border:0;}
    #m-header ul li{width:100%}
    #m-header ul li:hover,#m-header ul li.current {background:#383838}
    #m-header ul li a {line-height:49px;border-bottom:1px solid #404040;font-size:18px;color:#F2F2F2;font-weight:normal;display:block;position:relative;padding:0px 0 0 50px;text-align: left;}
    #m-header ul li a:hover,#m-header ul li.current a {color:#F2F2F2;}
    #m-header ul li ul {padding:0;z-index:1999;position:relative;width:100%;}
    #m-header ul li ul li a,#m-header ul li.current ul li a {background:#ff9600;border-bottom:1px solid #FFB133;color:#FFF;font-size:16px;line-height:40px;padding:5px 50px;text-align:left;display:block;}
    #m-header ul li ul li a:hover {background:#ff9600;color:#FFF;border-bottom:1px solid #ff9600;}
    #m-header ul li ul li a::before,#m-header ul li ul li a::after {background:none;height:0;padding:0}
    .offcanvas-visible #m-header{display: block}
    .nav_wrap{padding: 20px;}
    /* 手机导航面包ico begin */
    .m-toggle {position:relative;cursor:pointer;text-decoration:none;position:absolute;top:26px;right:13px;z-index:99;display:block;margin:-11px auto 0;cursor:pointer;}
    .m-toggle.active i::before,.m-toggle.active i::after {}
    .m-toggle:hover,.m-toggle:focus,.m-toggle:active {outline:none;border-bottom:none !important;}
    .m-toggle i {position:relative;top:-1px;display:-moz-inline-stack;width:24px;height:2px;display:inline-block;zoom:1;*display:inline;color:#fff;text-transform:uppercase;text-indent:-55px;transition:all .2s ease-out;}
    .m-toggle i::before,.m-toggle i::after {content:'';width:24px;height:2px;position:absolute;left:0;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
    .m-toggle i::before {top:-9px;}
    .m-toggle i::after {bottom:-9px;}
    .m-toggle.active i {background:transparent;}
    .m-toggle.active i::before {top:0;-webkit-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
    .m-toggle.active i::after {bottom:0;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
    .m-toggle i,.m-toggle i::before, .m-toggle i::after,.m-toggle.active i::before, .m-toggle.active i::after{background: #818181;}
    /*手机导航面包ico end */
    #m-header .nav_mobile,.con .con_ban,.search_hot{display: none;}
    .header_bg{padding: 0.7rem 0.5rem; height: auto; background-color: #fff;}
    .in_header {height: 40px; margin-top: 0; }
    .logo a{width: 40px;height: 40px;background: url(/static/pc/images/logo.jpg) no-repeat;display: block;}
    .header_bg .in_header .search {position: absolute; margin-left: 10px; left: 50px; float: left; width: 70%; top: 12px; }
    .in_header .search_f {border: 1px solid #e8e1da; width: 100%; height: 35px; background: #faf4eb;}
    .search_f em{top: 6px;}
    .header_bg .search_text{width: 57%; height: 35px; line-height: 35px;padding: 0 0 0 46px;}
    .search_btn{width: 25%; line-height: 35px;}
    .yj_10{border-radius: 20px;}
    .main{width: 100%;}
    /*.position{margin: 0.2rem 0;}*/
    .position code{margin: 0 0.1rem;}
    .con_l{width: 100%}
    .ar_con{width: auto;padding:0.5rem;}
    .ar_title{margin:0.5rem 0;}
    .ar_title h1{font-size: 1rem;}
    .ar_title_b{overflow: hidden;margin: 0.5rem 3% 0.2rem 3%;margin-top: 0.3rem;line-height: 1.5rem;height: auto;}
    .sub_title .c6{width: 40%;margin: 0.2rem 0;padding: 0 0 0 0.5rem;text-align: left;}
    .sub_title .sp2{text-align: right;width: 54%;}
    .sub_title .arc_button{text-align: center;padding-left: 0.3rem;margin: 0;}
    .con_article{font-size: 0.95rem;}
    .con_article p{line-height: 1.6rem;padding-bottom: 0.5rem;}
    .taglist {height: 60px;}
    .footer {clear: both; }
    .footer_l .footer_nav{display: none;}
    .footer_b .main {width: 100%; }
    .footer_wrap {padding: 10px 0;}
    .footer_copy p {line-height: 18px; }
    /*search*/
    .logo {margin-top: 0;}
    .header_bg .in_header .search {top: 3px;}
    .con_r{display: none;}
    .gjc {font-size: 14px;}
    .bj_mt20 {margin-top: 0;}
    .ss_title {padding-left: 0.5rem;}
    .list_itme {padding: 0.5rem;}
    .itme_bt {font-size: 0.9rem;line-height: 1.5rem;}
    .list_itme .cz_nr {right: 0;top: 5px;width: 100%;position: relative;}
    .list_itme .list_btn {width: 30%; font-size: 0.8rem; line-height: 25px; }
    .list_tui {margin-top: 0; float: none; }
    .list_itme p {line-height: 20px; height: auto; margin: 5px 0 0; }
    .pnum{margin: 0 0 10px 0;font-size: 0;}
    .pnum ul{width: 100%;}
    .pnum li{font-size: 0.95rem; font-weight: 500;width: 23%;margin: 0;}
    .pnum li:nth-child(n+3):nth-child(-n+5) {display: none;}
    .pnum a {margin: 0;padding: 0;text-align: center;width: 100%;}

}