/*适应PC端 宽度大于1000px 后加的 可以调用div顺序 超级好自适应 开始*/ @media screen and (min-width: 1000px) { /*pc*/.container11 {width: 1200px;margin:0 auto; } /*pc*/.container0x {width: 100%; margin:0 auto;display: flex; /* 启用 Flexbox */flex-direction: row; /* 水平排列 */flex-wrap: wrap; /* 允许子元素换行 */} /*pc位置*/.item1 { width:28%;float:left;line-height:27px;height:47px; font-size:20px; overflow:hidden;background-color: #f4f4f4;padding: 12px 0px 0px 0px;/* 根据需要调整 */} /*pc位置*/.item1 item1-xiangxi { font-size:20px; font-weight:bold; text-align:left; font-family:"微软雅黑"; color:#000000;padding: 10px 0px 0px 0px; } /*pc位置*/.item1 xxt{ float:left; width:96%; height:10px;} /*pc位置*/.item2 { width:71%;float:left;line-height:27px;height:47px;color:#999999; background-color: #F4F4F4;padding: 12px 0px 0px 10px;/* 根据需要调整 */} /*pc位置*/.item2 a{ color:#999999; /* 根据需要调整 */} /*pc位置*/.item2 xxt{ float:left; width:96%; height:10px;} /*pc左文*/.item3 { } /*pc左文*/.item3 { width:28.1%;float:left; background-color: #F6F6F6; border: 1px solid F5FFFA;/* 根据需要调整 */} /*pc左文*/.item3 div{width:100%; height:100%; margin: auto; border: 0px solid #666;} /*pc左文*/.item3 div div{width:100%; height:100%; margin: auto; border: 0px solid #666;} /*pc左文*/.item3 div div div{width:100%; height:100%; border: 0px solid green; margin: auto;} /*pc左文*/.item3 div div div com-xlbzb-41{ } /*pc左文*/.item3 div div div com-xlbzb-41 ul{padding: 0px 0px 0px 0px;} /*pc左文*/.item3 div div div com-xlbzb-41 ul li{float:left; padding: 10px 0px 20px 33px; text-align:center; overflow:hidden;} /*pc左文*/.item3 div div div com-xlbzb-41 ul li a{font-size:16px; padding: 0px 0px 0px 0px; border-radius: 3px;/*这是圆角*/ background-color:#FF9900; width:120px; height:40px; float:left; text-align:center; font-family:"微软雅黑"; color:#ffffff;line-height:40px; } /*pc左文*/.item3 div div div com-xlbzb-41 ul li a:hover{color: #FFFFFF; text-decoration:underline;} /*pc空格*/.item4 { width:1%;float:left; background-color: #F4F4F4; /* 根据需要调整 */} /*pc头像*/.item5 { width:25%;float:left; background-color: #F4F4F4;/* 根据需要调整 */} /*pc头像*/.item5 img {width: 280px; height:340px; border-radius: 4px;/*这是圆角*/} /*头像大小*/ /*pc空格*/.item6 { width:1%;float:left; background-color: #F4F4F4;/* 根据需要调整 */} /*pc名字*/.item7 { width:44.9%;float:left; align-items: flex-start; background-color: #F4F4F4; /* 根据需要调整 */} /*pc名字*/.item7 span-title {color:#222222; font-size:18px;font-family:"微软雅黑";float:left; height:30px;width:100%;padding: 10px 0px 10px 0px;align-items: flex-start; } /*pc名字*/.item7 span-title-xia {color:#222222; font-size:18px;float:left; height:30px;width:100%;padding: 0px 0px 0px 0px;align-items: flex-start; } /*pc名字*/.item7 span-title-cc {color:#222222; font-family:"微软雅黑";font-size:18px;float:left; height:50px;width:100%;vertical-align:top;align-items: flex-start; } /*pc名字*/.item7 span-title a {color:#FF0000;font-family:"微软雅黑"; font-size:18px; width:100%;padding: 10px 0px 10px 0px;align-items: flex-start; } /*pc名字*/.item7 span-title span {color:#FF0000;font-family:"微软雅黑";} /*pc名字*/.item7 span-title-cc span-jia {color:#FF9900;font-weight:900;font-family:"微软雅黑";} /*pc名字*/.item7 span-title-cc button{border: 0px solid #F4F4F4; text-align:left; background-color: #F4F4F4; padding: 10px 0px 10px 0px; font-size:18px; height:30px; color: #282727; font-family:"微软雅黑"; } /*pc名字*/.item7 span-title span-jia {color:#FF9900;font-weight: bold;} /*pc名字*/.item7 span-title span-cankao {color:#958C8C; font-size:11px;padding: 0px 0px 0px 6px;} /*pc左图*/.item8 { width:28%;float:left; /* 根据需要调整 */} /*pc左图*/.item8 you-item8-tu{ } /*pc左图*/.item8 you-item8-tu ul{ width:100%; float:left; margin: auto; background-color: #ffffff; overflow:hidden; } /*这里是整体框架 和整体背景*/ /*pc左图*/.item8 you-item8-tu ul li{ width: 50%; float:left; padding:10px 0px 0px 0px; } /*这里是单行控制宽度*/ /*pc左图*/.item8 you-item8-tu ul li span1img { width:100%; height:180px; float:left; } /*这里是控制单行单个独立 图片 */ /*pc左图*/.item8 you-item8-tu ul li span1img a img{ width: 92%; height:180px; float:left; } /*这里是控制单行里面A里面的 图片大小*/ /*pc左图*/.item8 you-item8-tu ul li span2title{ width: 92%; float:left; text-align:center; height:30px; line-height:30px; margin: auto; background-color: #E2E0E0; overflow:hidden;} /*这里是控制单行 明星名字文字 外1框框大小*/ /*pc左图*/.item8 you-item8-tu ul li span2title a{ font-size:15px; color: #555555; } /*这里是控制单行 明星名字文字 大小和颜色*/ /*pc左图*/.item8 you-item8-tu ul li span3qu { width: 92%; height:25px; line-height:25px; float:left; text-align:center; padding: 3px 0px 0px 0px; color: #958C8C; background-color: #ECECEC; } /*这里是控制 地区 框框大小 文字大小*/ /*pc左图*/.item8 you-item8-tu ul li span4jia { } /*pc左图*/.item8 you-item8-tu ul li span4jia { font-size:14px; width: 88.3%; color: #958C8C;line-height:26px;height:26px; float:left; overflow:hidden; padding: 0px 0px 0px 6px; font-family:"微软雅黑"; margin: auto; background-color: #ECECEC; } /*这里是单行控制 出场费*/ /*pc左图*/.item8 you-item8-tu ul li span4jia span { font-size:15px; overflow:hidden; font-weight:900; color:#FF9900; padding: 0px 3px 0px 6px; font-family:"微软雅黑";} /*这里是单行控制 出场费数字*/ /*pc空格*/.item9 { width:1%;float:left; height:100%; /* 根据需要调整 */} /*pc正文*/.item10 { } /*pc正文*/.item10 { width:71%;background-color:#F4F4F4; float:left; /* 根据需要调整 */} /*pc正文*/.item10 span{ } /*pc正文*/.item10 span span{ background-color:#F4F4F4; width:840px; height:100%; float:left; } /*pc正文*/.item10 span span span{ background-color:#F4F4F4; width:840px; height:100%; float:left; margin: 0px 10px 0px 10px; } /*pc正文*/.item10 span span span newstext-10-text { width:100%; } /*pc正文*/.item10 span span span newstext-10-text { font-size:18px; line-height:40px; font-family:"微软雅黑"; color:#333333; } /*pc正文*/.item10 span span span newstext-10-text p{ font-size:18px; line-height:40px; width:100%; padding: 0px 0px 0px 0px; font-family:"微软雅黑"; color:#333333; } /*pc正文*/.item10 span span span newstext-10-text p a{ font-size:18px; line-height:40px; padding: 0px 0px 0px 0px; font-family:"微软雅黑"; color:#333333; } /*pc正文*/.item10 span span span newstext-10-text h3 { font-size:18px; line-height:40px; font-weight: bold; width:100%; padding: 0px 0px 0px 0px; font-family:"微软雅黑"; color:#333333; } /*pc正文*/.item10 span span span newstext-10-text h1 { font-weight: bold; } /*pc正文*/.item10 span span span newstext-10-text strong { font-weight: bold; font-size:18px; } /*pc正文*/.item10 span span span newstext-10-text p img{ max-width:100%; } /*pc正文*/.item10 span span span newstext-10-text p a:hover{ color:red; text-decoration:underline;} /*pc正文*/.item10 span span span newstext-10-text a{ font-size:18px; line-height:40px; padding: 0px 0px 0px 0px; font-family:"微软雅黑"; color:#333333; } /*pc正文*/.item10 span span span newstext-10-text img{ max-width:100%; } /*pc正文*/.item10 span span span newstext-10-text a:hover{ color:red; text-decoration:underline;} /*pc正文*/.item10 span span span newstext-10-text span-br-pc-jinzhi {width:0%;float:left;line-height:0px;height:0px; overflow:hidden;} /*pc正文*/.item10 y10-span-ych{ } /*pc正文*/.item10 y10-span-ych ul{width:0%;float:left;line-height:0px;height:0px; overflow:hidden; } /*pc正文*/.item10 y10-span-ych ul li{padding: 0px 0px 0px 10px; width:31.3%; height:45px; line-height:45px; float:left; border-bottom:0px dashed #EEECEC; } /*pc正文*/.item10 y10-span-ych ul li h2 a{ font-size:14.5px; width:85%; overflow:hidden; line-height:45px; height:45px; float:left; } /*pc正文*/.item10 y10-span-ych ul li h2 a font{width: 50px; font-size:14.5px; padding:0px 5px 0px 0px; } /*pc正文*/.item10 y10-span-ych ul li h2 span1 img{ padding:12px 5px 0px 0px; width:20px; height:20px; float:left; border-radius: 4px;/*这是圆角*/} /*pc正文*/.item10 y10-span-ych ul li h2 span{ float:left; font-size:14.5px; padding:0px 0px 0px 0px; color:#999999;} /*pc正文*/.item10 y10-span-ych ul li h2 a:hover{ color:red; text-decoration:underline;} /*pc正文*/.item10 fabu-item10-shijian{ } /*pc正文*/.item10 fabu-item10-shijian {margin:0px auto;width:100%; font-size:14.5px; float:left; padding: 0px 0px 0px 10px; color:#777777;} /*pc正文*/.item10 fabu-item10-shijian span-item10-shijian{ color:#777777; font-size:14.5px; line-height:35px; float:left; padding: 0px 15px 0px 0px; } /*pc正文*/.item10 fabu-item10-shijian span-item10-shijian a{color:#777777; } /*pc正文*/.item10 xia-item10-next_p {width:100%; font-size:14.5px; float:left;padding: 0px 0px 0px 10px; } /*pc正文*/.item10 xia-item10-next_p span-item10-next_p { line-height:35px; height:35px; font-size:14.5px; } /*pc正文*/.item10 xia-item10-next_p span-item10-next_p a{ color:#777777;} /*pc正文*/.item10 title-10-title{ } /*pc正文*/.item10 title-10-title h1 {width:100%;font-weight: 700;color: #000000; text-align:center;font-size:32px;background-color:#E2E0E0;height:68px; line-height:68px;border-radius: 6px;/*这是圆角*/margin-top: 10px; } /*pc正文*/.item10 tishi-10-tishi{ } /*pc正文*/.item10 tishi-10-tishi{color:#DF8300; width:100%; line-height:50px;font-size:18px;font-family:"微软雅黑";padding: 0px 0px 0px 50px; /* 水平居中 */} /*pc正文*/.item10 tishi-10-tishi a{color:#DF8300; } /*pc正文*/.item10 tishi-10-tishi se{ color:#FF0000;} /*pc正文*/.item10 kongge-10-kongge { } /*pc正文*/.item10 kongge-10-kongge {width:100%;line-height:2px;height:2px;float:left; } /*pc正文*/.item10 item10-lxfs-zong { } /*pc正文*/.item10 item10-lxfs-zong {float:left; width:100%; font-size:18px;font-family:"微软雅黑";line-height:40px;height:40px;padding: 0px 0px 0px 0px; /* 根据需要调整 */} /*pc正文*/.item10 item10-lxfs-zong a{width:0%;float:left;line-height:0px;height:0px; overflow:hidden;} /*pc正文*/.item10 item10-lxfs-zong span-lxfs {color:#FF0000; padding: 0px 10px 0px 100px;} /*pc正文*/.item10 item10-lxfs-zong span-lxfs-h {padding: 0px 20px 0px 0px;} /*pc正文*/.item10 item10-lxfs-zong span-br-pc-jinzhi {width:0%;float:left;line-height:0px;height:0px; overflow:hidden;} /*pc正文*/.item10 div { } /*pc正文*/.item10 div span-djs { background-color:#F4F4F4; width:810px; height:100%; float:left; } /*pc正文*/.item10 div span-djs span-djs{ background-color:#F4F4F4; width:810px; height:100%; float:left; margin: 0px 0px 0px 10px; } /*pc正文*/.item10 div span-djs span-djs newstext-10-djs { font-size:18px; line-height:40px; height:40px; font-family:"微软雅黑"; color:#333333; } /*pc正文*/.item10 div span-djs span-djs newstext-10-djs a{ color:#333333; } /*pc正文*/.item10 div span-djs span-djs newstext-10-djs a:hover{ color:red; text-decoration:underline;} /*pc底部*/.item11 { width:100%; /* 根据需要调整 */} /**/.item12 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item13 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item14 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item15 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item16 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item17 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item18 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item19 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item20 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /*下面这个是pc端吧上面div指定排列顺序*/ /*pc头部*/.item1:nth-child(1) {order: 1; /* 将第三个 div 排在第一个 */} /*pc位置*/.item2:nth-child(2) {order: 2; /* 位置 将第三个 div 排在第一个 */} /*pc左文*/.item3:nth-child(3) {order: 3; /* 用于电脑短吧文字 将第三个 div 排在第一个 */} /*pc空格*/.item4:nth-child(4) {order: 4; /* 空格 将第三个 div 排在第一个 空格 */} /*pc头像*/.item5:nth-child(5) {order: 5; /* 头像 将第三个 div 排在第一个 */} /*pc空格*/.item6:nth-child(6) {order: 6; /* 空格 将第三个 div 排在第一个 */} /*pc名字*/.item7:nth-child(7) {order: 7; /* 姓名 将第三个 div 排在第一个 */} /*pc左图*/.item8:nth-child(8) {order: 8; /* 右图 将第三个 div 排在第一个 */} /*pc空格*/.item9:nth-child(9) {order: 9; /* 空格 将第三个 div 排在第一个 */} /*pc正文*/.item10:nth-child(10) {order: 10; /* 相关演唱会 将第三个 div 排在第一个 */} /*pc底部*/.item11:nth-child(11) {order: 11; /* 正文 时间 上一页 将第三个 div 排在第一个 */} /*pc*/.item12:nth-child(12) {order: 12; /* 暂时没用 将第三个 div 排在第一个 */} /*pc*/.item13:nth-child(13) {order: 13; /* 底部 分享 div 排在第一个 */} /*pc*/.item14:nth-child(14) {order: 14; /* 联系电话 div 排在第一个 */} /*pc*/.item15:nth-child(15) {order: 15; /* 暂时没用 div 排在第一个 */} /*pc*/.item16:nth-child(16) {order: 16; /* 暂时没用 div 排在第一个 */} /*pc*/.item17:nth-child(17) {order: 17; /* 暂时没用 div 排在第一个 */} /*pc*/.item18:nth-child(18) {order: 18; /* 暂时没用 div 排在第一个 */} /*pc*/.item19:nth-child(19) {order: 19; /* 暂时没用 div 排在第一个 */} /*pc*/.item20:nth-child(20) {order: 20; /* 暂时没用 div 排在第一个 */} /*适应PC端 宽度大于1000px 后加的 可以调用div顺序 超级好自适应 结束*/ } /*适应wap端 宽度适合640px 后加的 可以调用div顺序 超级好自适应 开始*/ @media screen and (max-width:639px){ /*wap*/.container11 {width: 100%;margin:0 auto; } /*wap*/.container0x {width: 96%; margin:0 auto;display: flex; /* 启用 Flexbox */flex-direction: row; /* 水平排列 */flex-wrap: wrap; /* 允许子元素换行 */} /**/.item1 { width:0%;float:left;line-height:0px;height:0px; overflow:hidden;/* 根据需要调整 */} /*wap位置*/.item2 {font-size:12px; color:#999999; height:50px; line-height:50px; width:100%; float:left; overflow:hidden;/* 根据需要调整 */} /**/.item2 a{ color:#999999; /* 根据需要调整 */} /*wap位置*/.item2 xxt{ width:0%;float:left;line-height:0px;height:0px; overflow:hidden;} /*wap左文*/.item3 { width:0%;float:left;line-height:0px;height:0px; overflow:hidden;/* 根据需要调整 */} /*wap空格*/.item4 { width:0%;float:left;line-height:0px;height:0px; overflow:hidden;/* 根据需要调整 */} /*wap头像*/.item5 { width:35%;float:left;line-height:50px;height:165px; margin-bottom: 10px; /* 根据需要调整 */} /**/.item5 img {width: 90%; height:165px; border-radius: 4px;/*这是圆角*/} /*头像大小*/ /*wap空格*/.item6 { width:0%;float:left;line-height:0px;height:0px; overflow:hidden;/* 根据需要调整 */} /*wap名字*/.item7 { width:62%;float:left; align-items: flex-start; /* 根据需要调整 */} /*wap名字*/.item7 span-title {color:#222222; font-size:15px;float:left; height:30px;width:100%;padding: 0px 0px 0px 10px;align-items: flex-start; } /*wap名字*/.item7 span-title-xia {color:#222222; font-size:14.5px;float:left; height:30px;width:100%;padding: 0px 0px 0px 0px;align-items: flex-start; } /*wap名字*/.item7 span-title-cc {color:#222222; font-size:14.5px;float:left; height:30px;width:100%;vertical-align:top;align-items: flex-start; } /*wap名字*/.item7 span-title a {color:#FF0000; font-size:15px; width:100%;padding: 0px 0px 0px 0px;align-items: flex-start; } /*wap名字*/.item7 span-title span {color:#FF0000;} /*wap名字*/.item7 span-title-cc span-jia {color:#FF9900;font-weight: bold;font-size:15px; } /*wap名字*/.item7 span-title-cc button{border: 0px solid #F4F4F4; text-align:left; background-color: #ffffff; padding: 0px 0px 10px 10px; font-size:15px; height:30px; color: #222222; font-family:"微软雅黑"; } /*wap名字*/.item7 span-title span-jia {color:#FF9900;font-weight: bold;} /*wap名字*/.item7 span-title span-cankao {color:#958C8C; font-size:11px;padding: 0px 0px 0px 6px;} /*wap左图*/.item8 { width:100%;float:left; /* 根据需要调整 */} /*wap左图*/.item8 you-item8-tu{ } /*wap左图*/.item8 you-item8-tu ul{ width:100%; float:left; margin: auto; background-color: #ffffff; overflow:hidden; } /*这里是整体框架 和整体背景*/ /*wap左图*/.item8 you-item8-tu ul li{ width: 33.3%; float:left; padding:10px 0px 0px 0px; } /*这里是单行控制宽度*/ /*wap左图*/.item8 you-item8-tu ul li span1img { width:100%; height:150px; float:left; } /*这里是控制单行单个独立 图片 */ /*wap左图*/.item8 you-item8-tu ul li span1img a img{ width: 92%; height:150px; float:left; } /*这里是控制单行里面A里面的 图片大小*/ /*wap左图*/.item8 you-item8-tu ul li span2title{ width: 92%; float:left; text-align:center; height:30px; line-height:30px; margin: auto; background-color: #E2E0E0; overflow:hidden;} /*这里是控制单行 明星名字文字 外1框框大小*/ /*wap左图*/.item8 you-item8-tu ul li span2title a{ font-size:15px; color: #555555; } /*这里是控制单行 明星名字文字 大小和颜色*/ /*wap左图*/.item8 you-item8-tu ul li span3qu { width: 92%; height:25px; line-height:25px; float:left; text-align:center; padding: 3px 0px 0px 0px; color: #958C8C; background-color: #ECECEC; } /*这里是控制 地区 框框大小 文字大小*/ /*wap左图*/.item8 you-item8-tu ul li span4jia { width:29px; height:30px; line-height:30px; overflow:hidden; float:left; } /*wap左图*/.item8 you-item8-tu ul li span4jia { font-size:14px; width: 87%; color: #958C8C;line-height:26px;height:26px; float:left; overflow:hidden; padding: 0px 0px 0px 6px; font-family:"微软雅黑"; margin: auto; background-color: #ECECEC; } /*这里是单行控制 出场费*/ /*wap左图*/.item8 you-item8-tu ul li span4jia span { font-size:15px; overflow:hidden; font-weight:900; color:#FF9900; padding: 0px 3px 0px 6px; font-family:"微软雅黑";} /*这里是单行控制 出场费数字*/ /*wap空格*/.item9 { width:0%;float:left;line-height:0px;height:0px; overflow:hidden; /* 根据需要调整 */} /*wap正文*/.item10 { width:100%;/* 根据需要调整 */} /*wap正文*/.item10 span{ } /*wap正文*/.item10 span span{ } /*wap正文*/.item10 span span span{ } /*wap正文*/.item10 span span span newstext-10-text {} /*wap正文*/.item10 span span span newstext-10-text { font-size:16px; line-height:28px; padding: 0px 0px 0px 0px; font-family:"微软雅黑"; color:#333333; } /*wap正文*/.item10 span span span newstext-10-text p{ font-size:16px; line-height:28px; width:100%; padding: 0px 0px 0px 0px; font-family:"微软雅黑"; color:#333333; } /*wap正文*/.item10 span span span newstext-10-text p a{ font-size:16px; line-height:28px; padding: 0px 0px 0px 0px; font-family:"微软雅黑"; color:#333333; } /*wap正文*/.item10 span span span newstext-10-text h3 { font-size:16px; font-weight: bold; line-height:28px; width:100%; padding: 0px 0px 0px 0px; font-family:"微软雅黑"; color:#333333; } /*wap正文*/.item10 span span span newstext-10-text h1 { font-weight: bold; } /*wap正文*/.item10 span span span newstext-10-text strong { font-weight: bold; font-size:18px; } /*wap正文*/.item10 span span span newstext-10-text p img{ max-width:100%; } /*wap正文*/.item10 span span span newstext-10-text p a:hover{ color:red; text-decoration:underline;} /*wap正文*/.item10 span span span newstext-10-text a{ font-size:16px; line-height:28px; padding: 0px 0px 0px 0px; font-family:"微软雅黑"; color:#333333; } /*wap正文*/.item10 span span span newstext-10-text img{ max-width:100%; } /*wap正文*/.item10 span span span newstext-10-text a:hover{ color:red; text-decoration:underline;} /*wap正文*/.item10 span-br-wap-jinzhi {width:0%;float:left;line-height:0px;height:0px; overflow:hidden;} /*wap正文*/.item10 y10-span-ych{ } /*wap正文*/.item10 y10-span-ych ul{width: 100%; float:left; border: solid 1px #f5f5f5;padding:0px 0px 0px 0px;} /*wap正文*/.item10 y10-span-ych ul li{ padding:3px 0px 2px 0px; width:100%; height:35px; line-height:35px; float:left; border-bottom:0px dashed #EEECEC; } /*wap正文*/.item10 y10-span-ych ul li h2 a{ font-size:14.5px; width:85%; overflow:hidden; line-height:35px; height:35px; float:left; } /*wap正文*/.item10 y10-span-ych ul li h2 a font{width: 50px; font-size:14.5px; padding:0px 5px 0px 0px; } /*wap正文*/.item10 y10-span-ych ul li h2 span1 img{ padding:10px 5px 0px 10px; width:20px; height:20px; float:left; border-radius: 4px;/*这是圆角*/} /*wap正文*/.item10 y10-span-ych ul li h2 span{ float:left; font-size:14.5px; padding:0px 0px 0px 0px; color:#999999;} /*wap正文*/.item10 y10-span-ych ul li h2 a:hover{ color:red; text-decoration:underline;} /*wap正文*/.item10 fabu-item10-shijian{ } /*wap正文*/.item10 fabu-item10-shijian {margin:0px auto;width:100%; font-size:14.5px; float:left; padding: 0px 0px 0px 0px; color:#777777;} /*wap正文*/.item10 fabu-item10-shijian span-item10-shijian{ color:#777777; font-size:14.5px; line-height:35px; float:left; padding: 0px 15px 0px 0px; } /*wap正文*/.item10 fabu-item10-shijian span-item10-shijian a{color:#777777; } /*wap正文*/.item10 xia-item10-next_p { } /*wap正文*/.item10 xia-item10-next_p {width:100%; font-size:14.5px; float:left; } /*wap正文*/.item10 xia-item10-next_p span-item10-next_p { line-height:35px; height:35px; font-size:14.5px; } /*wap正文*/.item10 xia-item10-next_p span-item10-next_p a{ color:#777777;} /*wap正文*/.item10 title-10-title{ } /*wap正文*/.item10 title-10-title h1 {width:100%; text-align:center;font-weight: 700;color: #000000; font-size:28px;background-color:#F4F4F4;height:68px; line-height:68px;border-radius: 6px;/*这是圆角*/margin-top: 10px; } /*wap正文*/.item10 tishi-10-tishi { } /*wap正文*/.item10 tishi-10-tishi{color:#DF8300; width:100%;line-height:35px;height:35px;font-size:14.5px;padding: 0px 0px 0px 20px;/* 水平居中 */} /*wap正文*/.item10 tishi-10-tishi a{color:#DF8300; } /*wap正文*/.item10 tishi-10-tishi se{ color:#FF0000;} /*wap正文*/.item10 kongge-10-kongge { } /*wap正文*/.item10 kongge-10-kongge {width:100%;line-height:10px;height:10px;float:left; } /*wap正文*/.item10 item10-lxfs-zong { } /*wap正文*/.item10 item10-lxfs-zong {padding: 0px 0px 10px 0px; width:100%; font-size:14.5px;line-height:35px; float:left; /* 根据需要调整 */} /*wap正文*/.item10 item10-lxfs-zong a{padding: 0px 0px 0px 0px; } /*wap正文*/.item10 item10-lxfs-zong span-lxfs {color:#FF0000; padding: 5px 10px 5px 0px;} /*wap正文*/.item10 item10-lxfs-zong span-lxfs-h {padding: 15px 20px 15px 0px;} /*wap正文*/.item10 item10-lxfs-zong span-br-pc-jinzhi {width:100%;} /*wap正文*/.item10 div { } /*wap正文*/.item10 div span-djs { width:100%; height:100%; float:left; } /*wap正文*/.item10 div span-djs span-djs{ width:100%; height:100%; float:left; margin: 0px 0px 0px 0px; } /*wap正文*/.item10 div span-djs span-djs newstext-10-djs { font-size:16px; line-height:28px; height:28px; font-family:"微软雅黑"; color:#333333; } /*wap正文*/.item10 div span-djs span-djs newstext-10-djs a{ color:#333333; } /*wap正文*/.item10 div span-djs span-djs newstext-10-djs a:hover{ color:red; text-decoration:underline;} /*wap底部*/.item11 { width:100%; /* 根据需要调整 */} /**/.item12 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item13 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item14 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item15 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item16 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item17 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item18 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item19 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /**/.item20 { width:100%; line-height:50px;height:50px; margin-bottom: 10px;background-color:#039;/* 根据需要调整 */} /*下面这个是wap吧上面div指定排列顺序*/ /*wap头部*/.item1:nth-child(1) {order: 1; /* 将第三个 div 排在第一个 */} /*wap位置*/.item2:nth-child(2) {order: 2; /* 位置 将第三个 div 排在第一个 */} /*wap左文*/.item3:nth-child(3) {order: 8; /* 用于电脑短吧文字 将第三个 div 排在第一个 */} /*wap空格*/.item4:nth-child(4) {order: 4; /* 空格 将第三个 div 排在第一个 空格 */} /*wap头像*/.item5:nth-child(5) {order: 3; /* 头像 将第三个 div 排在第一个 */} /*wap空格*/.item6:nth-child(6) {order: 9; /* 空格 将第三个 div 排在第一个 */} /*wap名字*/.item7:nth-child(7) {order: 5; /* 姓名 将第三个 div 排在第一个 */} /*wap左图*/.item8:nth-child(8) {order: 7; /* 右图 将第三个 div 排在第一个 */} /*wap空格*/.item9:nth-child(9) {order: 10; /* 空格 将第三个 div 排在第一个 */} /*wap正文*/.item10:nth-child(10) {order: 6; /* 相关演唱会 将第三个 div 排在第一个 */} /*wap底部*/.item11:nth-child(11) {order: 11; /* 正文 时间 上一页 将第三个 div 排在第一个 */} /*wap*/.item12:nth-child(12) {order: 12; /* 暂时没用 将第三个 div 排在第一个 */} /*wap*/.item13:nth-child(13) {order: 13; /* 底部 分享 div 排在第一个 */} /*wap*/.item14:nth-child(14) {order: 14; /* 联系电话 div 排在第一个 */} /*wap*/.item15:nth-child(15) {order: 15; /* 暂时没用 div 排在第一个 */} /*wap*/.item16:nth-child(16) {order: 16; /* 暂时没用 div 排在第一个 */} /*wap*/.item17:nth-child(17) {order: 17; /* 暂时没用 div 排在第一个 */} /*wap*/.item18:nth-child(18) {order: 18; /* 暂时没用 div 排在第一个 */} /*wap*/.item19:nth-child(19) {order: 19; /* 暂时没用 div 排在第一个 */} /*wap*/.item20:nth-child(20) {order: 20; /* 暂时没用 div 排在第一个 */} } /*适应wap端 宽度适合640px 后加的 可以调用div顺序 超级好自适应 结束*/