.magtop10{margin-top: 10px;}
.magleft10{margin-left: 10px;}
.meitu_middle{width: 1200px; margin: 0 auto;}
.index_box1{width: 1200px; float: left; margin-top: 20px;}
.index_box1 ul{width: 1200px;display: flex;justify-content:space-between;}
.index_box1 li{width: 285px; height: 120px; float: left; position: relative;}
.index_box1 li:hover{opacity: 0.8;}
.index_box1 li span{width: 285px; height: 120px; line-height: 120px; text-align: center; position: absolute; top: 0; left: 0; font-size: 28px; font-weight: bold; color: #fff;}
.index_tab{width: 1200px; float: left; margin-top: 40px;}
.title_box{width: 100%; float: left;}
.title_box .li1{font-size: 24px; color: #333; line-height: 24px; float: left;}
.title_box .li1 i{width: 3px; height: 24px; background: #F83244; float: left; margin-right: 14px;}
.title_box .li2{float: left; font-size: 14px; margin-left: 14px; line-height: 14px; margin-top: 8px;}
.title_box .li2 a{color: #666; padding: 0 16px; border-right: 1px solid #ccc;}
.title_box .li2 a:hover{color: #F83244;}
.title_box .li2 a:last-child{border-right: 0;}
.title_box .li3{float: right; font-size: 14px; line-height: 14px; margin-top: 8px;}
.title_box .li3 a:hover{color: #F83244;}
.index_box2_content{width: 1200px; float: left; margin-top: 20px; overflow: hidden;}
.index_box2_content li img:hover{opacity: 0.8;}
.index_box2_content .ul1{width: 290px; height: 593px; border: 1px solid #e8e8e8; float: left; margin-right: 10px;}
.index_box2_content .ul2{width: 290px; height: 290px; border: 1px solid #e8e8e8; float: left; margin-right: 10px;}
.index_box2_content .ul3{width: 594px; height: 290px; border: 1px solid #e8e8e8; float: left;}
.index_box2_content ul:last-child{margin-right: 0;}
.index_box2_content ul .li1{width: 100%; line-height: 26px; margin-top: 10px;float: left;}
.index_box2_content ul .li1 a{width: 215px; height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; float: left; padding-left: 14px;}
.index_box2_content ul .li1 a:hover{color: #F83244;}
.index_box2_content .ul3 .li1 a{width: 490px;}
.index_box2_content ul .li1 em{float: right; color: #666; padding-right: 14px;}
.index_box2_content ul .li2{padding: 0 14px; line-height: 20px; font-size: 12px; float: left;}
.index_box2_content ul .li2 a{color: #13acec;}
.index_box2_content ul .li2 a:hover{text-decoration: underline;}
#index_box2 ul:nth-child(n+4), #index_box3 ul:nth-child(n+4){margin-top: 10px;}
#index_box2 ul:nth-child(5), #index_box3 ul:nth-child(5){margin-left: 10px;}

.list_lable{width: 1200px; float: left; height: 48px; font-size: 12px; color: #666; line-height: 48px; font-family: '宋体'}
.list_lable em{color: #666; cursor: pointer; position: relative;}
.list_lable em i{font-size: 20px; line-height: 20px; margin-top: 13px;float: right; margin-left: 3px;}
/*.list_lable em:hover .list_lable_open{display: block;}*/
/*.list_lable_open{position: absolute; top: 44px; left: -108px; z-index: 99; width: 888px; display: none;border: 1px solid #e7e7e7; background: #fff; padding: 28px 0 0 0;}
.list_lable_open .menu1{float: left; padding: 0 17px; line-height: 28px; }
.list_lable_open .menu1:last-child{border: 0;}
.list_lable_open .menu1 p{font-size: 16px; color: #333; line-height: 16px; margin-bottom: 6px; text-indent: 15px; font-weight: bold; width: 100%;}
.list_lable_open .menu1 div{float: left; width: 100%;width: 838px; margin-bottom: 20px;}
.list_lable_open .menu1 div a{float: left; padding: 0 15px; color: #666; font-size: 12px; font-family: '宋体'}
.list_lable_open .menu1 div a:hover{color: #F83244;}*/
.new_test_amao:after {
    content: url('//qnm.hunliji.com/o_1crmshckn1hug1bi617jk5ikmfut.png');
    position: relative;
    left: 5px;
    top: -2px;
    width: 9px;
    height: 5px;
}
.new_boxmeitu{border: 1px solid #e7e7e7; background: #fff; padding: 20px 0; float: left;}
.list_lable_open{position: absolute; top: 44px; left: 0; z-index: 99; width: 888px; display: none;}
.list_lable_open .menu1{float: left; padding: 0 17px; line-height: 28px; }
.list_lable_open .menu1:last-child{border: 0;}
.list_lable_open .menu1 p{font-size: 16px; color: #333; line-height: 16px; margin-bottom: 6px; text-indent: 15px; font-weight: bold; width: 100%;}
.list_lable_open .menu1 .child_listnew{float: left; width: 100px; margin-bottom: 20px;}
.list_lable_open .menu1 .child_listnew a{float: left; padding: 0 15px; color: #666; font-size: 12px; font-family: '宋体'}
.list_lable_open .menu1 .child_listnew a:hover{color: #F83244;}
.share{float: right; line-height: 60px;}
.share_wai{line-height: 48px;}
.share .text{float: left;}
.share .bdsharebuttonbox{width: 120px;}
.share a{width: 16px; height: 16px; float: left; margin: 0; margin-left: 10px; margin-top: 21px; cursor: pointer; padding: 0;}
.share_wai a{margin-top: 16px;}
.share .bds_sqq{background: url('http://qnm.hunliji.com/o_1cbt7n6ehht71lvpact144qbc99.jpg'); background-size: 100%;}
.share .bds_tsina{background: url('http://qnm.hunliji.com/o_1cbt7n6ehd8p1ajk1v7711rf59ua.jpg'); background-size: 100%;}
.share .bds_weixin{background: url('http://qnm.hunliji.com/o_1cbt7n6eh18rv1dkp13t51h410hkb.jpg'); background-size: 100%;}

.list_lable a{color: #999;}
.list_lable a:hover{color: #F83244;}
.list_lable span{height: 22px; line-height: 22px; border: 1px solid #d2d2d2; padding: 0 7px; margin-left: 8px; cursor: pointer;}
.list_lable span i{color: #999; font-size: 12px;}
.list_tags{width: 1150px; border: 1px solid #e8e8e8; float: left; padding: 0 24px;}
.list_tags_li{width: 100%; border-bottom: 1px dashed #e8e8e8;float: left; padding: 20px 0 10px 0;}
.list_tags_li:last-child{border-bottom: none;}
.list_tags span{width: 80px; float: left; line-height: 24px; color: #999;}
.list_tags_li div{float: left; width: 1070px;}
.list_tags_li a{height: 22px; border: 1px solid #fff; padding: 0 8px; margin: 0 7px; line-height: 22px; float: left; margin-bottom: 10px; color: #666;}
.list_tags_li a.on, .list_tags_li a:hover{color: #F83244; border-color: #F83244; border-radius: 3px;}
.list_box1{width: 100%; line-height: 52px; color: #999; font-size: 12px; margin-top: 10px;float: left;font-family: '宋体'}
.list_box1 a{color: #666; margin-left:20px;}
.list_box1 a:hover{color: #F83244;}
.atlas{position: relative;padding-bottom: 30px; float: left;  width: 1212px;column-width:282px;
    -webkit-column-width:282px;
    -moz-cloumn-width:282px;}
.imgs-1, .imgs-2, .imgs-3, .imgs-4{width: 282px; margin-right: 24px; float: left;}
.imgs-4{margin-right: 0;}
.atlas dl{width: 282px;padding: 0 24px 0px 0px;display:inline-block;margin-bottom: 24px;}
.atlas dl dt{width: 280px; border: 1px solid #e8e8e8; border-bottom: none;position: relative;}
.atlas dl dt{width: 280px;height: auto;}
.atlas dl dt:hover{opacity: 0.8;}
.atlas dl dd{padding: 11px 16px;border: 1px solid #e8e8e8; border-top: none; float: left; width: 248px;}
.atlas dl dd a{color: #333;}
.atlas dl .dd1{border-bottom: 0; padding-bottom: 0; font-size: 14px;}
.atlas dl .dd1 span{float: right;color: #666;font-size: 14px;}
.atlas dl .dd1 a{width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; font-size: 16px;}
.atlas dl .dd1 a:hover{color: #F83244;}
.atlas dl .dd2{padding-top: 8px;}
.atlas .dd2 .img_logo{width: 40px; height: 40px; border-radius: 50%; overflow: hidden; float: left; line-height: 40px; text-align: center; margin-right: 10px;}
.atlas .dd2 .img_logo img{vertical-align: top;}
.atlas .dd2 .img_name{max-width: 153px; float: left; font-size: 12px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 3px;}
.atlas .dd2 em{width: 40px;font-size: 12px; color: #333; margin-left: 5px; margin-top: 3px;}
.atlas .dd2 .img_name:hover{color: #F83244;}
.atlas .dd2 .img_tag{font-size: 12px; color: #13acec; width: 140px;display: inline-block;}
.atlas .dd2 .img_tag:hover{text-decoration: underline;}

/*图集详情*/
.atlas_box{width: 1200px; float: left;}
.atlas_left{width: 890px; float: left;}
.atlas_imgs{width: 890px; float: left; background: #f8f8f8; padding-bottom: 9px;}
.switch_box{width: 100%; height: 80px; float: left;}
.switch_box div{margin-top: 20px;width: 50%; float: left; color: #666;}
.switch_box div a{float: left;}
.switch_box button{width: 108px; height: 38px; background: #fff; border: 1px solid #e8e8e8; border-radius: 4px; color: #333;}
.switch_box button:hover{opacity: 0.8;}
.switch_box .a_link{width: 300px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666;}
.switch_box .a_link:hover{color: #F83244;}
.switch_box .box1 button{margin-left: 20px; margin-right: 12px;}
.switch_box .box2 button{margin-right: 20px; margin-left: 12px;}
.switch_box .box2 a{float: right;}
.switch_box .box2{text-align: right;}
.imgs_list{width: 100%; float: left;}
.imgs_list ul{width: 850px; float: left; column-width:276px; margin-left: 20px;
    -webkit-column-width:276px;
    -moz-cloumn-width:276px;column-gap: 11px; }
.imgs_list ul li{margin-bottom: 11px; position: relative; width: 276px; margin-right: 0;}
.imgs_list ul li:hover a{display: block;}
.imgs_list ul li a{position: absolute;width: 100%; height: 100%; text-align: center;z-index: 9; cursor: pointer; background: rgba(0,0,0,0.5); left: 0;top: 0; display: none;}
.imgs_list ul li a img{position: absolute; top: 50%; margin-top: -16px; margin-left: -16px;}
.relevant_imgs{width: 100%; float: left;}
.relevant_imgs img:hover{opacity: 0.8;}
.relevant_imgs h4{width: 887px; float:left; border-left: 3px solid #F83244; font-size: 18px; color: #333; line-height: 18px;margin-top: 40px; margin-bottom: 20px; text-indent: 10px;}
.relevant_imgs ul{width: 206px; border: 1px solid #e8e8e8; float: left; margin-right: 19px;}
.relevant_imgs ul:last-child{margin-right: 0;}
.relevant_imgs .li1{width: 182px; padding: 0 12px; line-height: 40px;}
.relevant_imgs .li1 a{width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; float: left;}
.relevant_imgs .li1 a:hover{color: #F83244;}
.relevant_imgs .li1 span{float: right; color: #333;}
.atlas_right{width: 238px; float: right; border: 1px solid #e8e8e8}
.atlas_right h4{font-size: 16px; color: #333; margin-top: 20px; line-height: 16px;}
.atlas_right1, .atlas_right2, .atlas_right3, .atlas_right4{
    box-sizing: border-box;width: 100%; float: left;padding: 0 20px; padding-bottom: 20px; border-bottom: 1px dashed #e8e8e8;}
.atlas_right1 p{line-height: 20px; font-size: 14px; color: #666; margin-top: 12px;}
.atlas_right2 img{width: 48px; height: 48px; border: 1px solid #e8e8e8; border-radius: 50%; float: left; margin-top: 20px; margin-right: 12px;}
.atlas_right2 span{width: 175px; float: left; height: 48px; line-height: 24px; color: #666;display: flex; justify-content: space-around; flex-direction: column; margin-top: 20px;}
.atlas_right2 span:hover{color: #F83244;}
.atlas_right3 a{float: left; padding: 0 6px; line-height: 32px; background: #f8f8f8; border-radius: 4px; margin-right: 12px; margin-top: 14px;}
.atlas_right3 a:hover{background: #eee;}
.atlas_right4 ul{padding-top: 9px; margin-bottom: -7px; float: left;}
.atlas_right4 li{width: 100%; float: left; line-height: 16px; padding: 7px 0; line-height: 16px;}
.atlas_right4 li i{width: 16px; height: 16px; text-align: center; line-height: 16px; background: #ccc; color: #fff; border-radius: 2px; margin-right: 12px; float: left;}
.atlas_right4 li a{width: 170px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666;}
.atlas_right4 li a:hover{color: #F83244;}
.atlas_right4 li:nth-child(1) i{background: #F83244;}
.atlas_right4 li:nth-child(2) i{background: #fe7e33;}
.atlas_right4 li:nth-child(3) i{background: #ffaf24;}

/*弹框预览*/
.meitu_openbox{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.55); z-index: 999;visibility:hidden;}
.meitu_tan{width: 1000px; height: 705px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #fff;}
.close_meitu{width: 24px; height: 24px; font-size: 24px; font-weight: bold; color: #fff; position: absolute; right:-35px; cursor: pointer;background: url(http://qnm.hunliji.com/o_1bopb05ne1rp713hqg5e1n3611c68.png) no-repeat 100% 100%;}
.meitu_tan_name{width: 100%; float: left; height: 64px;}
.meitu_tan_name .box1{margin-top: 16px; margin-left: 20px;}
.meitu_tan_name .box1 img{width: 32px;height: 32px; border-radius: 50%; float: left; border: 1px solid #e8e8e8;}
.meitu_tan_name .box1 span{color: #333; line-height: 32px; margin-left: 12px;width: 280px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meitu_tan_name .box1 span:hover{color: #F83244;}
.meitu_tan_name .box2{float: right;}
.meitu_tan_name .share{float: left; font-size: 14px; color: #666; margin-top: -18px;}
.meitu_tan_name .like{float: right; font-size: 14px; color: #666; margin-left: 40px; margin-right: 20px; cursor: pointer;}
.meitu_tan_imgs{width: 960px; float: left; padding: 0 20px;}
.meitu_tan_right{width: 180px; float: right;}
.meitu_tan_right ul, .meitu_tan_right dl{float: left;}
.meitu_tan_right li{float: left; margin-right: 6px; margin-bottom: 6px;}
.meitu_tan_right li:nth-child(2n){margin-right: 0;}
.meitu_tan_right li img:hover{opacity: 0.8;}
.meitu_tan_right dt{font-size: 16px; color: #333; line-height: 16px; margin-top: 19px;}
.meitu_tan_right dd a{float: left; padding: 0 6px; line-height: 32px; background: #f8f8f8; border-radius: 4px; margin-right: 12px; margin-top: 14px;}
.meitu_tan_right dd a:hover{background: #eee;}
.meitu_tan_text{width: 960px;float: left; margin-top: 14px; padding: 0 20px;}
.meitu_tan_text li{float: left; margin-right: 30px;}
.meitu_tan_text span{float: left;color: #333; margin-right: 12px; line-height: 32px;}
.meitu_tan_text a{float: left; padding: 0 6px; line-height: 32px; background: #f8f8f8; border-radius: 4px; margin-right: 12px;}
.meitu_tan_text a:hover{background: #eee;}

.swiper-container{width: 760px; height: 580px;float: left; background: #f8f8f8;}
.swiper-pagination{width: 100px; height: 44px; left: auto; right: 0; bottom: 0; color: #fff; line-height: 44px;
    background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.3));
    background: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.3));
    background: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.3));
    background: linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.3));}
.swiper-slide{text-align: center; line-height: 580px;}
.swiper-button-next, .swiper-button-prev{width: 28px; height: 48px;background: none;}
.swiper-button-next{right: 0;}
.swiper-button-prev{left: 0;}
.swiper-button-next:hover, .swiper-button-prev:hover{opacity: 0.8;}


/*标签详情页*/
.tags_labelbox{width: 1198px; height: 300px; border: 1px solid #e8e8e8; float: left;}
.tags_labelbox_img{width: 488px; float: left}
.tags_labelbox_right{width: 660px; float: left; margin-left: 24px;}
.tags_labelbox_right li{width: 100%; float: left; color: #333;}
.tags_labelbox_right .li1{font-size: 18px; font-weight: bold; line-height: 18px; margin-top: 28px; margin-bottom: 10px;}
.tags_labelbox_right .li2{font-size: 14px; line-height: 24px;}
.tags_labelbox_right .li4 img{width: 40px; height: 40px; border-radius: 50%; float: left; margin-right: 10px; margin-top: 6px; border: 1px solid #e8e8e8;}
.tags_labelbox_right .li5{font-size: 12px; color: #666; margin-top: 30px;}
.tags_labelbox_right .li5 a{color: #13acec; margin-left:12px;}
.tags_labelbox_right .li5 a:hover{text-decoration: underline;}


.pages{padding-top:50px; text-align:center; width:100%; margin:0 auto; clear:both; padding-bottom: 60px;}
.pages span{width:78px; height:34px; border:1px solid #e7e7e7; line-height:34px; color:#666;}
.pages ul{width:auto; display:inline-block;}
.pages ul a{line-height:34px; min-width:34px;display:inline-block;margin-left:-1px;border:1px solid #e7e7e7; position: relative;}
.pages ul a:hover {color: #F83244;}
.pages ul a:first-child{margin-left: 0}
.pages ul a.current{background: #F83244;color: #fff;border: 1px solid #F83244; z-index: 1;}
.pages em{margin-left: 10px; font-size: 12px; color: #999;}
.pages span:hover a{color: #F83244;}