@import url("common.css");
/*.nav2 { overflow: hidden;}*/
/*左侧*/
.con_l { width: 820px; min-height: 1320px; padding: 30px; background: #fff; border-radius: 10px; }
.con_l .pic_lb1 { *width: 34%; *margin-right: 3% }
.con_l .lb_4 { float: right; width: 270px; margin-bottom: 10px; padding-right: 80px; }
.con_l .lb_4 time { position: absolute; right: 0; font-size: 12px; color:#999; }
.con_l .lb_4:nth-child(2n+1) { float: left; }
.con_l .lb_5 { float: left; width: 375px; margin-bottom: 15px; position: relative;}
.con_l .lb_5:nth-child(2n+1) { float: right; } 
.con_l .lb_5 time { position: absolute; right: 0; font-size: 12px; color:#999; }
.list_itme2 { position: relative; line-height: 40px; min-height:40px; margin-bottom: 10px; padding: 0 100px 0 20px; }
.list_itme2:after{ content:""; display: block; position: absolute; border-bottom: 1px dashed #cbd9d9; width: 86%; top: 20px; z-index: 0; }
.list_itme2:before { content:""; display: block; position: absolute; left: 0; width: 6px; height: 6px; background-color: #cbd9d9; border-radius: 10px; z-index: 2; top: 18px; }
.list_itme2 .itme_bt { font-size: 16px; background-color: #fff; padding-right: 20px; position: absolute; z-index: 1; }
.list_itme2 .itme_bt:hover { padding-left: 5px;  }
.list_itme2 .itme_bt b { font-weight:normal;}
.list_itme2 time { position: absolute; right: 0; background-color: #fff; color: #999; padding-left: 10px; }
.list_itme2:nth-child(5n) { margin-bottom: 50px; }
/*标签*/
.list_tag { border: 1px solid #dee6e6; position: relative; border-radius: 10px; overflow: hidden; }
.tag_bt { position: absolute; top: 0; bottom: 0; background-color: #36ad9e; width: 20px; color: #fff; border-radius: 10px; padding: 10px 15px; text-align: center; font-size: 16px; }
.tag_rwap { padding: 15px 15px 5px 65px; }
.tag_a { border: 1px solid #dee6e6; line-height: 28px; border-radius: 10px; display: block; float: left; padding: 0 10px; margin: 0 10px 10px 0; }
.tag_a:hover { background-color: #36ad9e; color: #fff; border-color: #36ad9e; }
.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,.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 */
    .header2{padding: 0.7rem 0.5rem;}
    /*.logo{padding: 0.5rem;}*/
    .logo a{width: 40px;height: 40px;background: url(/static/pc/images/logo.jpg) no-repeat;}
    .header2 .search{margin-left: 10px; left: 50px; float: left; width: 70%;top: 12px;}
    .header2 .search_f{width: 100%;height: 35px;}
    .search_f em{top: 6px;}
    .header2 .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;}
    /*list*/
    .ar_related, .ar_pic{padding: 0.5rem;}
    .list_hot .lb_3:nth-child(2n){float: none;}
    .list_hot .lb_3{margin: 0; font-size: 0.95rem;padding: 0 2%; width: 96%;}
    .bj_mt20{margin: 0.5rem 0 0 0;}
    .con_r{width: 100%;margin-top: 0.5rem;}
    .hot_sou{width: auto; padding: 0.5rem;}
    .hot_sou .lb_6 {padding: 0 0 0 0.8rem; margin: 0.1rem 0;}
    .footer1 .footer_b{text-align: center; line-height: 20px; padding: 1rem;height: 40px;}
    .footer_b .main{width: 100%;}

    .list_hot,.xg_class{display: none;}
    /*栏目介绍*/
    .bj_mt20 {margin: 0.5rem 0.5rem 0; }
    .list_bt em,.title1 em{left: 7px;}
    .con_l{padding: 0;min-height: auto;}
    .f24{font-size: 1rem;}
    .ms_rwap p{line-height: 1.6rem;font-size: 0.9rem;}
    .bj_mt40 {margin-top: 10px; }
    /*最新列表*/
    .title2{height: 35px; line-height: 35px;}
    .list_itme2{line-height: 30px; min-height: 30px; margin-bottom: 2px;padding: 0 100px 0 12px;}
    .list_itme2 time{font-size: 0.8rem;}
    .list_itme2:before {width: 4px; height: 4px; top: 15px; }
    .list_itme2:after{width: 73%;}
    .list_itme2 .itme_bt {font-size: 0.9rem;padding-right: 0;overflow:hidden;width: 73%;white-space: nowrap;text-overflow: ellipsis;}
    .list_itme2:nth-child(5n) {margin-bottom: 15px; }
    .pnum{margin: 0 0 10px 0;}
    .pnum a{font-size: 0.95rem; font-weight: 500;}
    .pnum a:nth-child(n+3):nth-child(-n+7) {display: none;}
    /*热门排序*/
    .con_r .r_rwap{padding: 0 0 10px 0;}
    .hot_lb1,.hot_lb2{padding-left: 25px;margin-bottom: 3px;font-size: 0.9rem;}
    .hot_number{left: 1px;}
    /*footer*/
    .footer_wrap {padding: 10px 0;}
    .footer_copy p {line-height: 18px; }
    .rc_nav {margin: 0; right: 0.5rem; left: auto; background: #f8a500;opacity: 0.8;width: 2rem; height: 2rem;border-radius: 16px;}
	.rc_nav li.last .iconfont {font-size: 22px; }
	.rc_nav li.ts {display:none; }
	.rc_nav li.last {line-height: 2rem; padding: 0; margin: 0; color: #fff; border-radius:0; display: block;}
}