.width_100b{width: 100% !important} .width_90b{width: 90% !important} .chaochuyincang{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .logo { background-color: #e24e4c; display: flex; justify-content: space-between; padding: 0.8rem 1.4rem; align-items: center; } .logo .logo-img { width: 10.8rem; height: 3.4rem; } .logo .sou { display: flex; } .logo a { display: block; width: 3.2rem; height: 3.2rem; border-radius: 5px; background-color: #bf4240 !important; margin-left: 1.5rem; } .logo a img { width: 1.5rem; height: 1.5rem; margin: 0.8rem auto; } .wenli { width: 100%; height: 1.2rem; margin-bottom: 0.2rem; } table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin: 0; padding: 0; box-sizing: border-box; background-color: #fcf8ef; } table tr { width: 100%; } table tr td { border: 1px solid #ebd8a5; border-collapse: collapse; line-height: 2.5rem; text-align: center; } .biao { margin: 0 1.2rem; background-color: #fcf8ef; } .biao table { width: 100%; border-collapse: collapse; border-spacing: 0px; margin: 0; padding: 0; box-sizing: border-box; } .biao table tr { width: 100%; } .biao table tr td { border: 1px solid #ebd8a5; border-collapse: collapse; line-height: 2.5rem; text-align: center; font-size: 1.2rem; } .biao table tr .yi { background: url(/uploads/image/inewmobile/di1.png) no-repeat; width: 48px; height: 48px; margin: 0.5rem auto; font-size: 1.5rem; font-weight: 700; color: #fff; text-align: center; line-height: 48px; } .biao table tr .ji { background: url(/uploads/image/inewmobile/di2.png) no-repeat; width: 48px; height: 48px; margin: 0.5rem auto; font-size: 1.5rem; font-weight: 700; color: #fff; text-align: center; line-height: 48px; } .biao table tr .mimi { text-align: center; display: flex; justify-content: space-between; margin: 0 2rem; flex-wrap: wrap; } .biao table .reds { font-size: 1.3rem; font-weight: 700; color: #e24e4c; } .biao table .red { font-size: 1.3rem; font-weight: 700; color: #e24e4c; } .biao table .red td { width: 25%; border-top: none; } .biao .rili { padding: 1rem; border: 1px solid #ebd8a5; } .biao .rili .xiala { display: flex; justify-content: space-between; } .biao .rili .xiala select { border: 2px solid #ebd7a5; border-radius: 5px; } .biao .rili .riqi { margin: 2rem 0; display: flex; justify-content: center; align-items: center; } .biao .rili .riqi p { font-size: 5rem; color: #bf4240; font-weight: 700; margin: 0 5rem; } .biao .rili .rong { text-align: center; font-size: 1.2rem; } .biao .rili .nong { font-size: 1.5rem; font-weight: 700; margin: 0.7rem 0; text-align: center; } .biao .rili .li { text-align: center; font-size: 1.2rem; } .qian { margin: 1rem 1.2rem; background-color: #fff; border-radius: 5px; } .qian ul { display: flex; justify-content: space-between; padding: 1.5rem 1rem; align-items: center; } .qian ul li a { text-align: center; } .qian ul li a img { width: 3.2rem; height: 3.2rem; margin: 0 auto; margin-bottom: 0.5rem; } .cai { margin: 0 1.2rem; margin-bottom: 1rem; background-color: #fcf8ef; } .cai .caishen td { width: 25%; } .cai .caishen td div { width: 100%; height: 2.5rem; position: relative; } .cai .caishen td div span { position: absolute; content: ''; top: 0; left: 25px; color: #fff; } .jinri { background-color: #fff; margin-bottom: 1rem; } .jinri .tou { background-color: #e04e4a; padding: 0.5rem; display: flex; justify-content: space-between; align-items: center; color: #fff; } .jinri .tou img { width: 1rem; height: 1rem; } .jinri .table { margin: 1rem; } .jinri .table tr:nth-child(2n) { background-color: #fff; } .jinri .table td a { font-weight: 700; color: #999999; padding-right: 2%; } .jinri .header { display: flex; padding: 0.5rem; background-color: #e04e4a; justify-content: space-between; align-items: center; color: #fff; font-size: 1.2rem; font-weight: 700; } .jinri .header div { display: flex; align-items: center; } .jinri .header div img { width: 1rem; height: 1rem; margin-right: 0.5rem; } .jinri .header a { color: #fff; font-size: 1.2rem; font-weight: 700; } .jinri .ge { padding: 1rem; padding-bottom: 0; } .jinri .ge ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; } .jinri .ge ul li { width: 30%; margin-bottom: 1rem; } .jinri .ge ul li a { width: 100%; } .jinri .ge ul li a p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uls li { padding: 0.6rem; } .uls li a { display: flex; } .uls li a img { width: 9rem; height: 7rem; margin-right: 1.5rem; } .uls li a .title .one { font-size: 1.3rem; } .uls li a .title .time { display: flex; justify-content: space-between; color: #999999; font-size: 0.8rem; margin-top: 2.5rem; } .fanggua .top { background: url(/uploads/image/inewmobile/beijing.png) no-repeat; background-size: 100% 90px; height: 90px; display: flex; justify-content: space-between; align-items: center; padding: 0 4rem; } .fanggua .top .guaxi { color: #fff; } .fanggua .top .kuang { background-color: #fff; width: 5rem; height: 5rem; border-radius: 5px; padding: 0.3rem; box-sizing: border-box; } .fanggua .top .kuang img { width: 4.7rem; height: 4.7rem; } .fanggua .bottom { padding: 2rem 1rem; background-color: #fff; line-height: 2rem; position: relative; } .fanggua .bottom span { position: absolute; content: ''; color: #f7b173; bottom: 7px; right: 20px; } .jixiong { margin-top: 1rem; background-color: #fff; } .jixiong ul li { padding: 1rem 0.7rem; } .jixiong ul li .top { display: flex; align-items: center; padding-bottom: 0.2rem; border-bottom: 2px solid #e14e4b; } .jixiong ul li .top img { width: 0.9rem; height: 0.9rem; margin-right: 0.5rem; } .jixiong ul li .top p { font-size: 1.2rem; font-weight: 700; } .jixiong ul li .ren { padding: 1rem; } .di { box-sizing: border-box; margin-top: 2rem; height: 8rem; padding: 1.5rem; text-align: center; background-color: #fff; color: #000; line-height: 1.5rem ; } .date_link_box{height: 28px;margin-top: 12px;font-size: 0;text-align:center;position: relative;z-index: 3;} .date_link_box a{ display: inline-block; vertical-align: middle; margin:0 0.5%; text-decoration:none; font-size: 14px; } .date_link_box a.num{ width: 20px; height: 20px; line-height: 20px; border-radius: 4px; border:1px solid #999999; color: #999999; } .date_link_box a.day{ width: 30px; height: 30px; text-align:center; line-height: 28px; color: #fff; font-weight: bold; text-decoration:none; background: url(/uploads/image/inewmobile/anniu.png) no-repeat -195px 0/300px 300px; } .date_link_box a._prev,.date_link_box a._next{ width: 39px; height: 27px; text-align:center; line-height: 27px; background: url(/uploads/image/inewmobile/anniu.png) no-repeat -195px -100px/300px 300px; color: #b67c60; } .neilian{ font-weight: bold; } .lhlin_site{ display: block; height: 40px; line-height: 40px; overflow: hidden; background: #f9f9f9; padding: 0 2%; } .lhlin_site:before{ content: ''; display: block; float: left; width: 16px; height: 15px; margin:12px 10px 0 0; background: url(/uploads/image/inewmobile/tu1.png) no-repeat -20px -25px/200px 200px; } .con_box{ border-top:6px solid #efefef; padding: 5px 0 0;background-color: #ffffff; } .index_tit{ height: auto; line-height: 30px; text-align: center; padding: 1%; width: 98%; } .index_tit h2{ display: inline-block; vertical-align: middle; min-width: 150px; max-width: 100%; height: 30px; overflow: hidden; padding: 0 65px; text-align:center; position: relative; font-weight: bold; font-size: 24px; } .index_tit h2:before,.index_tit h2:after{ content: ''; display: block; width: 50px; height: 25px; background: url(/uploads/image/inewmobile/tu1.png) no-repeat -95px 0/200px 200px; position: absolute; top: 3px; } .index_tit h2:before{ left: 0; } .index_tit h2:after{ right: 0; } .article_hot_list{ padding-top: 4px; } .article_hot_list li{ padding: 14px 2%; border-bottom: 1px solid #eaeaea; overflow: hidden; } .article_hot_list .img_box{ display: block; float: left; width: 120px; height: 80px; border-radius: 5px; overflow: hidden; margin-right: 15px; } .article_hot_list .img_box img{ width: 100%; min-height: 100%; } .article_hot_list dt{ font-size: 16px; line-height: 24px; height: auto; overflow: hidden; } .article_hot_list dd{ height: 20px; overflow: hidden; margin-top: 11px; } .article_hot_list dd span,.article_hot_list dd a{ display: block; float: left; font-size: 14px; color: #999999; padding: 0 12px; height: 18px; line-height: 18px; border:1px solid #eaeaea; border-radius: 10px; overflow: hidden; margin-right: 5px; text-decoration: none; } .lab_list{ width: 98%;display: flex; flex-wrap: wrap; justify-content: space-around;} .lab_list a{ white-space: nowrap;height: 48px; line-height: 48px; font-size: 18px; background: #f9f9f9; border:1px solid #eaeaea; margin: 17px 0 0 1%; color: #333; text-decoration: none; padding: 0 15px; border-radius: 17px; } .nav{ height:100px; word-wrap: break-word;background: #ffffff;padding: 5px 0 5px 10%;} .nav a:link,nav a:visited{width:73px; height:46px; float:left; display:block; background:url(/uploads/image/inewmobile/nav_bg.png) no-repeat; margin:2px 0 0 6px; text-decoration:none; color:#232322;} .nav a:hover,nav .navxd p,nav .navxd span{color:#ac2924;} .nav a span{width:46px; height:46px; display:block; float:left; line-height:46px; text-align:center;} .nav a p{width:26px; height:26px; display:block; float:left; line-height:13px; text-align:center; margin:10px 0 0 10px;} .laba1 a{ height: 32px;line-height: 32px; } .laba2 a{ height: 32px;line-height: 32px;padding: 0px 12px; } .pagenation{ display: flex; justify-content: space-around; } .pagenation button { padding: 10px 20px; margin-right: 10px; transition: all .5s linear; font-size: 14px; border-radius: 5px; color: #888; } .pagenation button:hover { cursor: pointer; color: #fff; background-color: #e4393c; } .pagenation ul li { margin-right: 6px; min-height: 40px; text-align: center; line-height: 40px; /*border: 1px solid #eaeaea;*/ border-radius: 5px; transition: all .5s linear; float: left; } .pagenation ul li.active { background-color: #e4393c; } .pagenation ul li.active a { color: #fff; } .pagenation ul li:hover { cursor: pointer; background-color: #e4393c; } .pagenation ul li:hover a { color: #fff; } .pagenation ul li a { display: inline-block; min-width: 40px; /*padding: 5px 10px;*/ height: 40px; /*font-size: 16px;*/ border-radius: 5px; } .con_box.one{ border-top:0; } .lhlin_cont_tit{ text-align:center; padding: 0 2%; border-bottom:1px solid #eee; } .lhlin_cont_tit h1{ font-size: 24px; font-weight: bold; line-height: 1.5; } .lhlin_cont_tit p{ color: #999999; height: 18px; line-height: 18px; overflow: hidden; margin-top: 10px; } .lhlin_cont_tit i{ color: #f4f4f4; margin:0 5px; } .lhlin_cont_tip{ margin: 15px 0 0 2%; width: 98%; height: 20px; line-height: 20px; overflow: hidden; } .lhlin_cont_tip em{ color: #666666; float: left; } .lhlin_cont_tip em b{ display: block; float: left; width: 15px; height: 18px; margin:1px 5px 0 0; background: url(/uploads/image/inewmobile/tu1.png) no-repeat -150px 0/200px 200px; } .lhlin_cont_tip a{ display: block; float: left; padding: 0 7px; height: 18px; line-height: 18px; overflow: hidden; margin-right: 2%; color: #ff6666; border:1px solid #ff6666; border-radius: 10px; } .lhlin_cont_cont{ width: 96%; margin:0 auto; max-height: 860px; overflow: hidden; } .h_auto{ max-height: none !important; } .lhlin_cont_cont p{ font-size: 16px; line-height: 30px; margin-top: 15px; } .lhlin_cont_cont img{ max-width: 100%; display: block; margin: 15px auto 0; } .lhlin_cont_cont h2{ font-weight: bold; font-size: 18px; margin-top: 20px; } .lhlin_cont_cont h2:before{ content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 18px; line-height: 1.5; margin: -4px 10px 0 0; background: url(/uploads/image/inewmobile/tu1.png) no-repeat 0 -25px/200px 200px; } .lhlin_cont_cont font{ color: #ff6666 } /*鏌ョ湅鏇村*/ .qunbucontent{ height: 30rem; overflow: hidden; visibility: visible; position: relative; margin-top: 2rem; } .qunbulanmu{ height: 8rem; overflow: hidden; visibility: visible; position: relative; } .article_more{ width: 77px; height: 20px; border: 1px solid #75736e; background-color: #fff; text-align: center; line-height: 20px; border-radius: 20px; margin: 5px auto; cursor: pointer; } .fortune_tell_menu{ display: flex;flex-wrap: wrap;justify-content: center;} .fortune_tell_menu li{width: 25%; margin-top: 24px; text-align:center; } .fortune_tell_menu em{ display: block; width: 64px; height: 66px; margin:0 auto; } .fortune_tell_menu p{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 15px; } .art_next{ font-size: 16px; } .jiemeng_sou { width: 282px; height: 32px; margin: 10px 0% auto 10%; border: 2px #bd403e solid; border-radius: 5px; display: flex; } .jiemeng_sou .text { background-color: #fff; display: block; width: 248px; height: 28px; padding-left: 10px; } .jiemeng_sou .btn { cursor:pointer; border: none; width: 32px; height: 32px; background-color: #bd403e; } .jiemeng_sou .btn img { width: 30px; height: 30px; margin: auto; } .jiemeng_lab_list{ width: 98%;display: flex; flex-wrap: wrap; justify-content: space-around;} .jiemeng_lab_list a{ white-space: nowrap;height: 34px; line-height: 34px; font-size: 18px; background: #f9f9f9; border:1px solid #eaeaea; margin: 5px 0 0 1%; color: #333; text-decoration: none; padding: 0 15px; border-radius: 17px; } .yy_list a{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*娴嬬畻骞垮憡寮€濮?/ .cesuankuang{ padding-top: 10px; background-color: #ffffff; } .cesuankuang .fortune_tell_menu { display: flex; flex-wrap: wrap; justify-content: flex-start; } .cesuankuang .fortune_tell_menu li { width: 25%; margin-top: 9px; text-align: center; } .cesuankuang .fortune_tell_menu em { display: block; width: 64px; height: 66px; margin: 0 auto; } .cesuankuang .fortune_tell_menu p { font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 5px; } .cesuankuang .active { background: unset!important; background-size: unset!important; } .cesuankuang .info { float: unset; line-height: unset; width: unset; margin-bottom: unset; } .cesuankuang .cesaun a { color: #000000!important; text-decoration: none; } .cesuankuang .swiper { width: 100%; --swiper-theme-color: #ff6600; --swiper-pagination-color: red;/* 涓ょ閮藉彲浠?*/ position: relative; } .cesuankuang .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; width: 14px; border-radius: 10%; height: 2px; } .cesuankuang .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 280px; flex-direction: column; } .cesuankuang .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /*娴嬬畻骞垮憡缁撴潫*/ /*澶╂皵妯″潡寮€濮?/ .box_list { background: #ffffff; margin-bottom: 1.5rem; padding: 0 1.5rem 0.01rem; } .box_list .big_title { font-size: 2rem; line-height: 3.6rem; text-align: center; font-weight: bold; } .box_list .findtitle { font-size: 1.6rem; line-height: 3.6rem; border-bottom: 0.1rem solid #d6d6d6; font-weight: bold; padding: 0 1.5rem; margin: 0 -1.5rem; } .box_list .title { margin: 0 -1.5rem; padding: 0 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.8rem; line-height: 3.6rem; border-bottom: 0.1rem solid #d6d6d6; font-weight: bold; } .box_list .title span { padding-left: 1.6rem; position: relative; z-index: 40; } .box_list .title span::after { content: ''; width: 0.4rem; height: 1.6rem; left: 0; top: 50%; margin-top: -0.8rem; position: absolute; background: #cf0f19; border-radius: 0.6rem; } .box_list .title .more { display: inline-block; padding-right: 1.6rem; position: relative; font-weight: normal; line-height: 3.6rem; font-size: 1.6rem; color: #cf0f19; } .box_list .title .more::after { content: '>'; position: absolute; right: 0.4rem; font-size: 1.6rem; color: #cf0f19; top: 0; line-height: 3.6rem; } .box_list .title.noneboderbottom { border-bottom: none; } .box_list .inner ul li { position: relative; padding-left: 1.8rem; border-bottom: 0.1rem solid #dcdcdc; } .box_list .inner ul li::after { position: absolute; content: ''; width: 0.6rem; height: 0.6rem; left: 0.4rem; top: 50%; margin-top: -0.3rem; background: #cccccc; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } .box_list .inner ul li a { display: block; color: #333333; font-size: 1.6rem; line-height: 3.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box_list .inner ul li a span { color: #cf0f19; display: inline-block; margin-right: 0.4rem; } .box_list .inner ul li:last-child { border-bottom: none; } .box_list .inner .pages { border-top: 0.1rem solid #dcdcdc; } .box_list .levellist { margin: 0 -1.5rem; } .box_list .levellist ul li { padding: 0 1.5rem; line-height: 3.6rem; font-size: 1.6rem; position: relative; border-bottom: 0.1rem solid #ececec; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box_list .levellist ul li.leveltitle { font-weight: bold; } .box_list .levellist ul li.leveltitle .icon { display: none; } .box_list .levellist ul li .icon { position: absolute; right: 1rem; top: 0; color: #bdbdbd; font-size: 2.4rem; } .box_list .levellist ul li a { display: block; padding-right: 1.5rem; } .box_list .onelist { margin: 0 -1.5rem; } .box_list .onelist ul li { padding: 0 1.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 4.8rem; font-size: 1.6rem; font-weight: bold; border-bottom: 0.1rem solid #dddddd; } .box_list .fourlist ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_list .fourlist ul li { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.6rem; color: #333333; line-height: 3.6rem; } .box_list .fourlist ul li a { color: #333333; } .box_list .from_list { padding: 1rem 0; } .box_list .from_list .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.5rem; } .box_list .from_list .list .item { width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.5rem; } .box_list .from_list .list .item input { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #e6e6e6; border-radius: 0.2rem; line-height: 2.8rem; height: 2.8rem; font-size: 1.6rem; } .box_list .from_list .list .item.submitbuttom input { background: #cf0f19; border: 0.1rem solid #cf0f19; color: #ffffff; } .box_list .textinner { line-height: 3rem; font-size: 1.6rem; color: #333333; } .box_list .three_list { padding-top: 1rem; } .box_list .three_list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.5rem; } .box_list .three_list ul li { width: 33.33333333%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.5rem; margin-bottom: 1rem; text-align: center; } .box_list .three_list ul li a { display: block; font-size: 1.6rem; line-height: 3rem; border-radius: 0.6rem; color: #333333; border: 0.1rem solid #d2d2d2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box_list .imagesinner { padding-top: 1rem; padding-bottom: 0.2rem; } .box_list .imagesinner ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.5rem; } .box_list .imagesinner ul li { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.5rem; margin-bottom: 0.8rem; } .box_list .imagesinner ul li a { display: block; } .box_list .imagesinner ul li a .images { width: 4.5rem; height: 4.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } .box_list .imagesinner ul li a .images img { max-width: 100%; max-height: 100%; } .box_list .imagesinner ul li a .text { text-align: center; line-height: 2.4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.6rem; } .box_list .eitherlist { padding-top: 1.5rem; } .box_list .eitherlist ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_list .eitherlist ul li { margin-bottom: 1.5rem; width: 49%; -webkit-box-sizing: border-box; box-sizing: border-box; } .box_list .eitherlist ul li a { font-size: 1.4rem; border-radius: 1rem; display: block; border: 0.1rem solid #dedede; text-align: center; line-height: 3.6rem; } .box_list .textlist { font-size: 1.4rem; line-height: 2.4rem; height: 100%; overflow: hidden; padding-top: 0.6rem; } .box_list .recordmore { width: 40%; margin: 1.5rem auto; border: 0.1rem solid #e9e9e9; line-height: 3rem; font-size: 1.4rem; text-align: center; border-radius: 1.8rem; } .box_list .hotlist ul li { border-bottom: 0.1rem solid #d6d6d6; } .box_list .hotlist ul li:last-child { border-bottom: none; } .box_list .hotlist ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 3.6rem; } .box_list .hotlist ul li a span { font-size: 1.6rem; max-width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box_list .hotlist ul li a span.icon { font-size: 2.6rem; } .box_list .tablelist { padding-top: 1rem; padding-bottom: 1rem; } .box_list .tablelist ul { border: 0.1rem solid #dedede; } .box_list .tablelist ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; line-height: 3rem; font-size: 1.2rem; border-bottom: 0.1rem solid #dedede; } .box_list .tablelist ul li:first-child { background-color: #eeeeee; } .box_list .tablelist ul li:last-child { border-bottom: none; } .box_list .tablelist ul li .item { width: 16.66666667%; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 0.1rem solid #dedede; } .box_list .tablelist ul li .item:last-child { border-right: none; } .box_list .fivetablelist { padding-top: 1rem; padding-bottom: 1rem; } .box_list .fivetablelist ul { border: 0.1rem solid #dedede; } .box_list .fivetablelist ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; line-height: 3rem; font-size: 1.2rem; border-bottom: 0.1rem solid #dedede; } .box_list .fivetablelist ul li:first-child { background-color: #eeeeee; } .box_list .fivetablelist ul li:last-child { border-bottom: none; } .box_list .fivetablelist ul li .item { width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 0.1rem solid #dedede; } .box_list .fivetablelist ul li .item:last-child { border-right: none; } .international { background: #ffffff; padding-bottom: 1rem; } .international .internationaltitle { padding: 0 1.5rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; box-sizing: border-box; font-size: 1.8rem; line-height: 3.6rem; border-bottom: 0.1rem solid #d6d6d6; font-weight: bold; } .international .internationaltitle span { padding-left: 1.6rem; position: relative; z-index: 40; } .international .internationaltitle span::after { content: ''; width: 0.4rem; height: 1.6rem; left: 0; top: 50%; margin-top: -0.8rem; position: absolute; background: #cf0f19; border-radius: 0.6rem; } .international .internationaltitle .more { display: inline-block; padding-right: 1.6rem; position: relative; font-weight: normal; line-height: 3.6rem; font-size: 1.6rem; color: #cf0f19; } .international .internationaltitle .more::after { content: '>'; position: absolute; right: 0.4rem; font-size: 1.6rem; color: #cf0f19; top: 0; line-height: 3.6rem; } .international .internationaltitle.noneboderbottom { border-bottom: none; } .international .internationaltable .table_title { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; border-bottom: 0.1rem solid #d52d36; } .international .internationaltable .table_title .item { width: 20%; line-height: 3.6rem; font-size: 1.6rem; text-align: center; position: relative; } .international .internationaltable .table_title .item.active::after { content: ""; width: 0px; height: 0px; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #cf0f19; position: absolute; bottom: 0; left: 50%; margin-left: -0.5rem; } .international .internationaltable .inner { padding: 0 1.5rem; } .international .internationaltable .inner .table_list { display: none; } .international .internationaltable .inner .table_list.show { display: block; } .international .internationaltable .inner .list { padding-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .international .internationaltable .inner .list .item { margin-bottom: 1rem; padding-right: 1rem; } .international .internationaltable .inner .list .item a { border: 0.1rem solid #dedede; display: inline-block; padding: 0 1rem; line-height: 3rem; border-radius: 0.6rem; font-size: 1.6rem; } .international1 { background: #ffffff; padding-bottom: 1rem; } .international1 .internationaltitle { padding: 0 1.5rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; box-sizing: border-box; font-size: 1.8rem; line-height: 3.6rem; border-bottom: 0.1rem solid #d6d6d6; font-weight: bold; } .international1 .internationaltitle span { padding-left: 1.6rem; position: relative; z-index: 40; } .international1 .internationaltitle span::after { content: ''; width: 0.4rem; height: 1.6rem; left: 0; top: 50%; margin-top: -0.8rem; position: absolute; background: #cf0f19; border-radius: 0.6rem; } .international1 .internationaltitle .more { display: inline-block; padding-right: 1.6rem; position: relative; font-weight: normal; line-height: 3.6rem; font-size: 1.6rem; color: #cf0f19; } .international1 .internationaltitle .more::after { content: '>'; position: absolute; right: 0.4rem; font-size: 1.6rem; color: #cf0f19; top: 0; line-height: 3.6rem; } .international1 .internationaltitle.noneboderbottom { border-bottom: none; } .international1 .internationaltable .table_title { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; border-bottom: 0.1rem solid #d52d36; } .international1 .internationaltable .table_title .item { width: 20%; line-height: 3.6rem; font-size: 1.6rem; text-align: center; position: relative; } .international1 .internationaltable .table_title .item.active::after { content: ""; width: 0px; height: 0px; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-bottom: 0.5rem solid #cf0f19; position: absolute; bottom: 0; left: 50%; margin-left: -0.5rem; } .international1 .internationaltable .inner { padding: 0 1.5rem; } .international1 .internationaltable .inner .table_list { display: none; } .international1 .internationaltable .inner .table_list.show { display: block; } .international1 .internationaltable .inner .list { padding-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .international1 .internationaltable .inner .list .item { margin-bottom: 1rem; padding-right: 1rem; } .international1 .internationaltable .inner .list .item a { border: 0.1rem solid #dedede; display: inline-block; padding: 0 1rem; line-height: 3rem; border-radius: 0.6rem; font-size: 1.6rem; } #selcity{ display: none; position: fixed; top: 0; z-index: 100; width: 100%; height: 100%; overflow: hidden; text-align: center; font-family: pingfang sc,stheitisc-light,helvetica-light,arial,sans-serif; font-size: 14px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #selcity .picker-mask { position: absolute; z-index: 500; width: 100%; height: 100%; transition: all .5s; -webkit-transition: all .5s; /*background: transparent;*/ /*opacity: 0;*/ background: rgba(0,0,0,.6); opacity: 1; } #selcity .box_list { padding: 0; position: absolute; z-index: 600; bottom: 0; width: 100%; height: 50%; background: #fff; overflow: auto; transform: translatey(243px); /*-webkit-transform: translatey(243px);*/ transition: all .5s; -webkit-transition: all .5s; -webkit-transform: translatey(0); } #selcity .box_list .three_list { padding: 1rem; } .weatherlist { background: #ffffff; padding-top: 1rem; padding-bottom: 1rem; margin-bottom: 1.5rem; } .weatherlist .weatherheader { padding: 0 1.5rem; } .weatherlist .weatherheader .weathertitle { line-height: 3.6rem; font-size: 1.8rem; font-weight: bold; display: flex; flex-direction: column; align-items: center; } .weatherlist .weatherheader .weathertitle #sel_city { font-size: 1.4rem; font-weight: normal; color: #999999; } .weatherlist .weatherheader .weathertitle i { color: #cf0f19; font-size: 1.6rem; } .weatherlist .weatherheader .item_title { width: 96%; margin: 0 auto; padding: 0 1rem; border-left: 0.5rem solid ; } .weatherlist .weathertemperature { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; padding: 0 0 1rem 0; border-bottom: 0.1rem solid #dedede; } .weatherlist .weathertemperature .temperatureleft { width: 40%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; } .weatherlist .weathertemperature .temperatureleft .number { margin-bottom: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; font-size: 6rem; line-height: 6rem; color: #cf0f19; position: relative; padding-left: 6.2rem; padding-top: 2rem; } .weatherlist .weathertemperature .temperatureleft .number img { width: 6rem; height: auto; position: absolute; left: 0; bottom: 0; bottom: .7rem; } .weatherlist .weathertemperature .temperatureleft .number .centigrade { display: inline-block; font-size: 1.4rem; line-height: 2.4rem; } .weatherlist .weathertemperature .temperatureleft .status { background: #63ba2b; color: #ffffff; line-height: 3rem; text-align: center; font-size: 1.4rem; border-radius: 1.5rem; } .weatherlist .weathertemperature .temperatureright { width: 40%; } .weatherlist .weathertemperature .temperatureright .small_name { font-size: 1.6rem; font-weight: bold; line-height: 3.6rem; } .weatherlist .weathertemperature .temperatureright .text { font-size: 1.4rem; line-height: 2.6rem; } .weatherlist .predictiontitle { font-size: 1.6rem; line-height: 4.6rem; border-bottom: 0.1rem solid #dedede; padding: 0 1.5rem; } .weatherlist .predictionlist { padding: 0 1.5rem; border-bottom: 0.1rem solid #dedede; margin-bottom: 1rem; } .weatherlist .predictionlist .swiper-slide { padding: 1rem 0; border-right: 0.1rem solid #dedede; } .weatherlist .predictionlist .item { text-align: center; } .weatherlist .predictionlist .item .date { color: #333333; font-size: 1.6rem; } .weatherlist .predictionlist .item .images { width: 3.6rem; height: 3.6rem; margin: 0 auto; } .weatherlist .predictionlist .item .images img { max-width: 100%; max-height: 100%; } .weatherlist .predictionlist .item .sky { font-size: 1.2rem; line-height: 2.4rem; color: #666666; } .weatherlist .predictionlist .item .temperature { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-start; text-align: center; font-size: 2rem; line-height: 2.4rem; color: #666666; } .weatherlist .predictionlist .item .temperature span { font-size: 1.4rem; } .weatherlist .predictionmore { color: #333333; font-size: 1.6rem; line-height: 3.4rem; background: #ededed; border-radius: 1.5rem; width: 90%; margin: 0 auto; text-align: center; } .weatherlist .item_li { margin-top: 1rem; border: 0.1rem solid #cccccc; border-bottom: none; width: 94%; margin: 0 auto; } .weatherlist .item_li .title-t { height: 4.5rem; padding: 0 1rem; background-color: #ffe9eb; display: flex; align-items: center; justify-content: space-between; } .weatherlist .item_li .title-t .name { font-size: 1.4rem; font-weight: bold; } .weatherlist .item_li .title-t .select_item { display: flex;border: 1px solid #ccc;background-color: #fff;height: 25px;line-height: 25px;padding: 5px;border-radius: 5px; } .weatherlist .item_li .title-t .select_item select { width: 6rem; height: 3rem; background-color: #fff; padding: 0 0.3rem; border: 0.1rem solid #cccccc; } .weatherlist .item_li .title-t .select_item select:nth-child(2) { margin-left: 1rem; } .weatherlist .item_li .list li { display: flex; border-bottom: 0.1rem solid #cccccc; } .weatherlist .item_li .list li .text { width: 46%; padding: 1rem 0.5rem; font-size: 1.3rem; line-height: 1.5rem; border-right: 0.1rem solid #cccccc; } .weatherlist .item_li .list li .text:nth-child(2) { border-right: none; } .weatherlist .item_li .list li .text .text_r { color: #ff5040; } .weatherlist .item_li .list li .text .text_b { color: #3097fd; } .weatherlist .item_li .list li .text .text_h { color: #999999; } .weatherlist .item_li .list li .text .text_l { color: #19b863; } .weatherlist .item_li .list li .text .text_y { color: #f6bd0e; } .circuittable { background: #ffffff; } .circuittable .tabletitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 1.5rem; line-height: 3.6rem; font-size: 1.6rem; border-bottom: 0.1rem solid #cf0f19; } .circuittable .tabletitle .item { padding: 0 1rem; color: #333333; } .circuittable .tabletitle .item.active { font-weight: bold; color: #cf0f19; position: relative; } .circuittable .tabletitle .item.active::after { position: absolute; left: 50%; margin-left: -0.3rem; bottom: 0; content: ''; width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-bottom: 0.6rem solid #cf0f19; } .circuittable .tabletitle .item.active a { color: #cf0f19; } .circuittable1 .tabletitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 1.5rem; line-height: 3.6rem; font-size: 1.6rem; border-bottom: 0.1rem solid #cf0f19; } .circuittable1 .tabletitle .item { padding: 0 1rem; color: #333333; } .circuittable1 .tabletitle .item.active { font-weight: bold; color: #cf0f19; position: relative; } .circuittable1 .tabletitle .item.active::after { position: absolute; left: 50%; margin-left: -0.3rem; bottom: 0; content: ''; width: 0; height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-bottom: 0.6rem solid #cf0f19; } .circuittable1 .tabletitle .item.active a { color: #cf0f19; } .circuittable .tableinner .list { display: none; padding: 0 1.5rem 0.4rem; } .circuittable .tableinner .list.show { display: block; } .circuittable .tableinner .list ul li { border-bottom: 0.1rem solid #dedede; } .circuittable .tableinner .list ul li:last-child { border-bottom: none; } .circuittable .tableinner .list ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.4rem; line-height: 3.4rem; color: #333333; } .circuittable .tableinner .list ul li a .icon { line-height: 3.4rem; font-size: 2.4rem; } .all_title { padding: 0 1rem; position: relative; font-size: 1.6rem; margin-bottom: 1rem; } .all_title::after { content: ''; width: 0.4rem; height: 1.6rem; left: 0; top: 50%; margin-top: -0.8rem; position: absolute; background: #cf0f19; border-radius: 0.6rem; } .ul_tianqi { border-top: 0.1rem solid #cccccc; } .ul_tianqi li { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 0; border-bottom: 0.1rem solid #cccccc; } .ul_tianqi li a{ display: flex;width: 100%; align-items: center; justify-content: flex-start; /*padding: 1.5rem 0;*/ /*border-bottom: 0.1rem solid #cccccc;*/ } .ul_tianqi li:nth-last-child(1) { border-bottom: none; } .ul_tianqi li a .name { font-size: 1.6rem; width: 35%; } .ul_tianqi li a .weaname { width: 33%; } .ul_tianqi li a .images-t { display: flex; align-items: center; width: 32%; } .ul_tianqi li a .images-t img { width: 3rem; height: auto; display: block; } .ul_tianqi li a .images-t img:nth-child(1) { margin-right: 2rem; } #swiper_slect{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;height:4rem;line-height: 4rem;font-size: 1.6rem;} .swiper_slect { background-color: #f7f7f7; height: 50px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc; } .swiper_slect .btn_text { background-color: #ccc; color: #fff; width: 15px; height: 28px; background-image: none !important; } .swiper_slect .btn_text i { margin-left: -3px; font-size: 24px; } .swiper_slect .swiper-button-next { right: 5px; top: 68%; } .swiper_slect .swiper-button-prev { left: 5px; top: 68%; } .swiper_slect .swiper-wrapper { width: 820px; margin: 0 auto; } .swiper_slect .swiper-wrapper .swiper-slide { text-align: center; height: 48px; line-height: 48px; } .swiper_slect .swiper-wrapper .swiper-slide a { width: 100%;display: inline-block;font-size: 1.2rem; } .swiper_slect .swiper-wrapper:hover { cursor: pointer; } .swiper_slect .swiper-wrapper .active { color: #cf0f19; border-bottom: 2px solid #cf0f19; } .tab_itemlist .btn_list { display: none; padding-top: 1.5rem; } .tab_itemlist .btn_list .top_title { font-size: 1.4rem; /*margin-bottom: 0.5rem;*/ color: #666; } .tab_itemlist .btn_list .top_title span { color: #333; font-size: 1.6rem; font-weight: bold; margin-right: 1rem; } .tab_itemlist .btn_list .tian_list { background-color: #fff5f7; display: flex; align-items: center; justify-content: space-between; padding: 0.5rem; font-size: 1.6rem; margin-bottom: 1rem; } .tab_itemlist .btn_list .tian_list img { width: 3rem; height: auto; } .tab_itemlist .btn_list .tian_list span { color: #cf0f19; font-size: 1.4rem; } .tab_itemlist .btn_list .tian_list .text { color: #666666; font-size: 1.2rem; } .tab_itemlist .btnlist_show { display: block; } .item_list_tian .title { font-size: 1.4rem; font-weight: bold; } .item_list_tian .title span { margin-left: 17px; font-size: 16px; font-weight: lighter; } .item_list_tian .li_right { display: flex; flex-wrap: wrap; justify-content: space-between; } .item_list_tian .li_right .li { width: 32%; padding-top: 0.5rem; background-color: #fff5f7; margin-top: 1rem; } .item_list_tian .li_right .li .time { font-size: 1.6rem; text-align: center; line-height: 26px; } .item_list_tian .li_right .li .text { text-align: center; line-height: 2rem; margin: 0.5rem 0; } .item_list_tian .li_right .li .image { display: flex; align-items: center; } .item_list_tian .li_right .li .image img { width: 3rem; height: auto; display: block; margin: 0.5rem auto; } .tab_list .name { height: 3rem; line-height: 3rem; font-size: 1.4rem; margin-right: 2rem; } .tab_list .active { color: #cf0f19; font-weight: bold; } .swiper-slide.active,.swiper-slide.active a { color: #cf0f19; } .box_list .threeimagestext { padding-top: 1rem; } .box_list .threeimagestext ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .box_list .threeimagestext ul li { width: 30%; margin-right: 5%; margin-bottom: 1rem; } .box_list .threeimagestext ul li:nth-child(3n) { margin-right: 0; } .box_list .threeimagestext ul li .text { font-size: 1.4rem; line-height: 2.8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: center; } .maindetails { background: #ffffff; padding: 0.4rem 1.5rem; margin-bottom: 1.5rem; } .maindetails .article { line-height: 3rem; font-size: 1.6rem; height: 100%; overflow: hidden; } .maindetails .article #music { margin-bottom: 1.5rem; } .maindetails .article.show { height: auto; } .weather_city{ max-width: 16rem; margin: 0 auto; } /*澶╂皵妯″潡缁撴潫*/ /*棣栭〉澶╂皵妯″潡寮€濮?/ .mod { background-color: #fff; margin-bottom: 0.71rem; overflow: hidden; width: 100%; -webkit-box-sizing: border-box; padding: 0 1.07rem; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; } .wea_today { border-bottom: 1px solid #ddd; padding: 1.07rem 0; width: 100%; } .wea_today dl { float: left; width: 17.86rem; display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; } .wea_today dt { float: left; width: 4.43rem } .wea_today dt img { /*width: 3.43rem;*/ height: 3.43rem; vertical-align: middle; } .wea_today dd, .wea_today li { font-size: 1rem; height: 1.5rem; line-height: 1.5rem; } .wea_today .city_name a { color: #333; font-size: 1rem; } .wea_today .city_name, .wea_today li:first-child { /*margin-bottom: 0.71rem*/ } .wea_today li:first-child { font-size: 1.71rem; text-align: right; margin-bottom: 0.5rem; } .wea_today li a { color: #666; padding-right: 1rem; position: relative; } .wea_today li a:after { content: ''; position: absolute; width: .5rem; height: .5rem; right: 0; top: 0.29rem; border-top: 2px solid #999; border-right: 2px solid #999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .wea_today ul { float: right; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .wea_twodays{ width: 100%; } .wea_twodays li{ width: 100% !important; } .wea_twodays li { height: 3.14rem; line-height: 3.14rem; font-size: 1rem } .wea_twodays li:first-child { border-bottom: 1px solid #ddd; } .wea_twodays li span { margin-right: 2.5rem } .wea_twodays li img { width: 1.71rem; /*height: 1.71rem;*/ vertical-align: middle; } .wea_twodays li span:first-child { color: #999 } .wea_twodays li span:last-child { margin-right: 0 } .wea_twodays li a{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .ico_place { display: inline-block; height: 0.93rem; width: 0.68rem; margin-right: 0.29rem; margin-bottom: 0.2rem; background: no-repeat; background-size: contain; vertical-align: middle; } /*棣栭〉澶╂皵妯″潡缁撴潫*/ /*澶╂皵鏍忕洰棣栭〉寮€濮?/ .new_weather_card{ width: 100%; color: #ffffff; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; background-repeat: no-repeat; min-height: 33rem; background-position: center center; background-size: cover; align-content: flex-start; } .new_weathertitle{ font-size: 1.3rem; padding: 1.5rem 0 1rem 1.5rem; font-weight: bolder; width: 100%; } .new_weathertitle span{ font-size: 1rem; padding-left: .5rem; } .new_weatherline{ width: 100%; font-size: 1rem; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; padding: 0 1.5rem; } .new_weathertitle .new_weather_location{ display: inline-block; height: 1.5rem; width: 1.5rem; /* top: 6rem; */ margin-right: 0.29rem; margin-bottom: 0.2rem; background: url(/uploads/image/inewmobile/location.png) no-repeat; background-size: contain; vertical-align: middle; } .new_weather_card .number { margin-bottom: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: flex-start; font-size: 6rem; line-height: 6rem; position: relative; margin: 0 36%; padding-top: 3rem; padding-bottom: 2rem; width: 100%; } .new_weather_card .number .centigrade { display: inline-block; font-size: 2.4rem; line-height: 2.4rem; font-weight: bolder; margin-top: .6rem; margin-left: .3rem; } .new_weatherlinecenter{ width: 100%; font-size: 1.2rem; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0 1.5rem 1.5rem; align-items: center; } .new_weatherlinecenter img{ height: 2.5rem; width: 2.5rem; padding:0 1rem; } .new_weatherlinecenter .xiaoimg{ height: 1.5rem; width: 1.5rem; padding:0 1rem; } .new_weatherlinecenter p{ padding-right: 1rem; } .new_weatheryiji{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; align-content: flex-start; width: 100%; } .new_weatheryiji .yiji{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; width: 43.8%; padding: 0px 3%; } .new_weatheryiji .yiji span{ width: 100%; font-weight: bold; font-size: 1.2rem; line-height: 2rem; margin-right: .5rem; } .new_weatheryiji .yiji p{ width: 100%; font-weight: bold; font-size: 1.2rem; overflow: hidden; height: 2rem; padding-top: .5rem; } .new_weatheryiji .chuanyi{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: flex-start; width: 43.8%; padding: 0px 3%; } .new_weatheryiji .chuanyi span{ width: 100%; font-weight: bold; font-size: 1.2rem; line-height: 2rem; margin-right: .5rem; } .new_weatheryiji .chuanyi p{ width: 100%; font-weight: bold; font-size: 1.2rem; overflow: hidden; height: 2rem; padding-top: .5rem; } .new_weatheryiji .yi{ background: #63ba2b; border-radius: 50%; width: 2rem !important; height: 2rem; display: inline-block; text-align: center; } .new_weatheryiji .ji{ background: #cf0f19; border-radius: 50%; width: 2rem !important; height: 2rem; display: inline-block; text-align: center; } .shuxian{ position: relative; } .shuxian:after{ content: ''; position: absolute; height: 55%; border-right: 1px solid; top: 40%; left: 99%; } /*澶╂皵鏍忕洰棣栭〉缁撴潫*/ /*鑺傛棩妯″潡寮€濮?/ .jrbiaoqian{ font-size: 14px; text-indent: 18px; padding-top: 13px; } .jrbiaoqian span{ color: #e24e4c; } .jrbiaoqian a{ padding: 0 5px 0 5px; border: 1px solid #eaeaea!important; border-radius: 20px; margin-right: 5px; } .qiehuantt { font-size: 18px; display: flex; padding: 0 0 1.5rem 0; } .xuanzhong { display: block!important; color: #e24e4c; } .qiehuanmk { display: none; } .qiehuantt .zxsjbt { width: 33.33%; text-align: center; } /*鑺傛棩妯″潡缁撴潫*/ /*鍦板浘寮€濮?/ .mobilemap h1{ font-size: 15px; } /*鍦板浘缁撴潫*/ /*鐩稿叧閾炬帴寮€濮?/ .xiangguan{border-top: 1px dashed #ccc;margin-bottom: 15px;} .xiangguan h2{font-weight: bold;line-height: 40px;font-size: 18px;} .xiangguan ul{display: flex;width: 100%;flex-direction: column;flex-wrap: wrap;} .xiangguan li{float: left;line-height: 30px;border-bottom: 1px dashed #e0e0e0;padding-left: 10px;letter-spacing: 2px;} .xiangguan li i{float: left;font-size: 18px;color: #0a82d7;margin-right: 5px;} .xiangguan li a{float: left;font-size: 16px;color: #000000;} .xiangguan li a:hover{color: #ea4c3c;} .tags{width: 100%;display: inline-block;margin-top: 10px;border-top: 1px solid #ccc;padding-top: 10px;} .tags strong{float: left;} .tags span{float: left;color: #ea4c3c;margin: 0 5px;} /*鐩稿叧閾炬帴缁撴潫*/ /*榛勯亾鍚夋棩寮€濮?/ .con_box1{ border-top:6px solid #efefef; padding: 18px 0; background: #ffffff;} .con_box2 { border-top: 6px solid #efefef; padding: 0 0 18px; display: flex; flex-direction: column; flex-wrap: wrap; background: #ffffff; } .con_box1.one,.con_box2.one,.con_box3.one{ border-top:0; } .lhlcol_tit{ height: auto; line-height: 28px; text-align:center; } .lhlcol_tit h2{ display: inline-block; vertical-align: middle; max-width: 100%; padding: 0 30px; box-sizing: border-box; font-size: 24px; font-weight: bold; position: relative; overflow: hidden; } .lhlcol_tit h2:before,.lhlcol_tit h2:after{ content: ''; display: block; width: 18px; height: 16px; background: url(/uploads/image/inewmobile/xiaobiao.png); position: absolute; top: 6px; } .lhlcol_tit h2:before{ left: 0; } .lhlcol_tit h2:after{ right: 0; } .yiji { font-size: 18px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; height: 40px; } a.yi { float: left; width: 45%; text-align: center; height: 30px; line-height: 30px; background: #e24e4c !important; color: #ffffff; border-radius: 8px; margin-top: 10px; margin-left: 20px; } .yiji .yi:nth-child(1) { margin-left: 0px; } .lhlcol_date_cont{ width: 96%; margin: 0 auto; padding-top: 5px; } .lhlcol_date_cont p{ font-size: 16px; line-height: 27px; margin-top: 6px; } .lhlcol_cate_list li{ float: left; width: auto; margin-top: 10px;padding: 0 1% 0 1%;} .lhlcol_cate_list a{ display: block; width: 100%; height: 33px; line-height: 33px; overflow: hidden; padding: 0 2%; text-align: center; margin: 0 auto; border-radius: 5px; border:1px solid #e24e4c; color: #e24e4c; font-size: 16px; } .article_hot_list.list1 dl{ padding-top: 12px; } .article_hot_list.list1 dt{ height: 20px; line-height: 20px; overflow: hidden; } .article_hot_list.list1 dd{ margin-top: 20px; } ul.lhlcol_cate_list { width: 98%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; } .lhlcol_tit1 { height: 28px; line-height: 28px; text-align: center; padding-top: 20px; } .ablack a,.ablack{ color:#333333;} .column_list{ padding: 5px 1% 0; display: flex;flex-direction: row;flex-wrap: wrap;} .column_list li{ float: left; width: auto; text-align:center; margin:15px auto 0; } .column_list a{ display: block; padding: 0 5px; height: 35px; line-height: 35px; overflow: hidden; color: #333; text-decoration:none; font-size: 16px; background: #f9f9f9; border-radius: 5px; border:1px solid #eaeaea; } @media (max-width: 320px){ .column_list a{ font-size: 15px; } } .t-center{ text-align: center; } .date_table_box{ width: 96%; margin:0 auto; position: relative; } .date_table_box>i{ display: block; width: 18px; height: 18px; background: url(/uploads/image/inewmobile/bg2.png) no-repeat; background-size: 300px 300px; position: absolute; } .date_table_box .i_tl{ top: 0; left: 0; background-position: -265px 0; } .date_table_box .i_tr{ top: 0; right: 0; background-position: -265px -20px; } .date_table_box .i_br{ bottom:0; right: 0; background-position: -265px -40px; } .date_table_box .i_bl{ bottom:0; left: 0; background-position: -265px -60px; } .date_matter_table,.date_info_table,.date_suit_table,.date_taboo_table,.fortune_res_table{border-collapse: collapse;overflow: hidden;width: calc(100% 1px);font-size: 16px;border: 2px solid #e24e4c;} @media (min-width: 375px) and (max-width: 375px){ .date_matter_table,.date_info_table,.date_suit_table,.date_taboo_table,.fortune_res_table{ border-collapse: collapse; overflow: hidden; width: 100%; font-size: 16px; border:2px solid #eedbad; } } .date_matter_table th,.date_matter_table td,.date_suit_table td,.date_taboo_table td,.date_taboo_table th,.fortune_res_table td{border: 1px solid #e24e4c;height: 50px;line-height: 24px;padding: 10px;box-sizing: border-box;} .date_matter_table .date_search_tit{ display: block; width: 59px; height: 67px; padding: 19px 5px 0 10px; margin: 0 auto; line-height: 20px; color: #e24e4c; box-sizing: border-box; text-align:center; font-size: 16px; font-weight: bold; letter-spacing: 3px; background: url(/uploads/image/inewmobile/bg2.png) no-repeat 0 -140px/300px 300px; } .date_matter_table ._tit{ width: 56px; font-size: 18px; line-height: 24px; margin: 0 auto; color: #e24e4c; font-weight: bold; } .date_matter_table .suit_tit,.date_matter_table .taboo_tit{ display: inline-block; vertical-align: middle; width: 36px; height: 36px; text-align:center; line-height: 35px; font-weight: bold; color: #ffffff; font-size: 18px; background: url(/uploads/image/inewmobile/bg2.png) no-repeat; background-size: 300px 300px; } .date_matter_table .suit_tit{ background-position: -225px -40px; } .date_matter_table .taboo_tit{ background-position: -225px 0px; } .date_matter_table .suit_cont{ color: #32b15e; } .date_matter_table .taboo_cont{ color: #e24e4c; } .date_matter_table .lab{ float: left; width: 20px; line-height: 1.5; text-align:center; margin:3px 0.5%; } .date_matter_table .lab:first-child{ margin-left: 0; } .date_matter_table .lab.curr{ color: #e24e4c; } .date_matter_table.date_tab{ background: #fffdf9; } .date_matter_table.date_tab ._tit{ color: #333 } .date_matter_table.date_tab p span{ display: inline-block; } .date_matter_table .suit_tit,.date_matter_table .taboo_tit{ display: inline-block; vertical-align: middle; width: 36px; height: 36px; text-align:center; line-height: 35px; font-weight: bold; color: #ffffff; font-size: 18px; background-size: 300px 300px; } .date_matter_table .suit_tit{ background-position: -225px -40px; } .date_matter_table .biaohong{ color:red;font-weight:bold; } .date_matter_table .biaohei{ color:#000;font-weight:bold; } /*榛勯亾鍚夋棩缁撴潫*/ /*瀛椾簲琛屽紑濮?/ .box_tables { background: #ffffff; } .box_tables .table_title { margin-bottom: 1.5rem; padding: 0 .5rem; line-height: 5rem; font-size: 1.5rem; color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 0.1rem solid #dfdfdf; } .box_tables .table_title > div { text-align: center; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; } .box_tables .table_title .active { font-weight: bold; color: #cf0f19; position: relative; } .box_tables .table_title .active::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 0.2rem; background: #cf0f19; z-index: 10; } .box_tables .table_list { padding: 0 1.5rem; } .box_tables .table_list .list { display: none; } .box_tables .table_list .list.show { display: block; } .box_tables .table_list .list .images_top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_tables .table_list .list .images_top .images_list { width: 48%; } .box_tables .table_list .list .images_top .images_list .text { text-align: center; font-size: 1.6rem; line-height: 3rem; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box_tables .table_list .list .images_top .images_list .text a { color: #333333; } .box_tables .table_list .list .item_list ul li { position: relative; padding-left: 1.8rem; border-bottom: 0.1rem solid #dcdcdc; } .box_tables .table_list .list .item_list ul li::after { position: absolute; content: ''; width: 0.6rem; height: 0.6rem; left: 0.4rem; top: 50%; margin-top: -0.3rem; background: #cf0f19; transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); } .box_tables .table_list .list .item_list ul li a { display: block; color: #333333; font-size: 1.6rem; line-height: 3.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box_tables .table_list .list .item_list .more { width: 40%; margin: 0.5rem auto; } .box_tables .table_list .list .item_list .more a { text-align: center; display: block; background: #f2f2f2; color: #333333; border-radius: 1.5rem; line-height: 3rem; font-size: 1.6rem; } .box_tables .table_list .list .seven_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1rem; } .box_tables .table_list .list .seven_list .item { width: 14.28571429%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin-bottom: 1rem; line-height: 3rem; padding: 0 0.12rem; } .box_tables .table_list .list .seven_list .item a { display: block; border-radius: 0.6rem; margin: 0 auto; width: 80%; font-size: 1.6rem; color: #333333; border: 0.1rem solid #d6d6d6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box_tables .table_list .list .images_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_tables .table_list .list .images_list .item { width: 33.33333333%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 3.3333%; margin-bottom: 1rem; } .box_tables .table_list .list .images_list .item .images { height: 12rem; } .box_tables .table_list .list .images_list .item .images img { max-height: 100%; } .box_tables .table_list .list .images_list .item .images a { display: block; } .box_tables .table_list .list .images_list .item .text { line-height: 2.4rem; font-size: 1.6rem; text-align: center; } .box_tables .table_list .list .images_list .item .text a { display: block; } .box_tables .table_list .list .five_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1.6rem -1.5rem 0; position: relative; } .box_tables .table_list .list .five_list::after { content: ''; width: 100%; height: 0.1rem; background: #d6d6d6; position: absolute; left: 0; bottom: 0; z-index: 10; } .box_tables .table_list .list .five_list .item { width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; line-height: 4rem; border-bottom: 0.1rem solid #d6d6d6; border-right: 0.1rem solid #d6d6d6; } .box_tables .table_list .list .five_list .item.zm{display: inline-block;width: 100%;} .box_tables .table_list .list .five_list .item a{display: inline-block;width: 100%;} .box_tables .table_list .list .five_list .item.active a{color: #cf0f19;font-weight: bold;} .box_tables .table_list .list .five_list .item:nth-child(5n) { border-right: none; } .box_tables .table_list .twinlist { padding-top: 1rem; display: none; } .box_tables .table_list .twinlist.show { display: block; } .box_tables .table_list .twinlist .twin_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.5rem; } .box_tables .table_list .twinlist .twin_list .item { padding: 0 0.5rem; margin-bottom: 1rem; line-height: 2.6rem; } .box_tables .table_list .twinlist .twin_list .item a { padding: 0 1rem; border: 0.1rem solid #d6d6d6; display: inline-block; border-radius: 0.4rem; } .box_tables .table_list .text_list { display: none; } .box_tables .table_list .text_list.show { display: block; } .box_tables .table_list .text_list .textlists ul li { margin-bottom: 1rem; } .box_tables .table_list .text_list .textlists ul li .smalltitle { font-weight: bold; color: #333333; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 0.4rem; } .box_tables .table_list .text_list .textlists ul li .text { color: #666666; font-size: 1.6rem; line-height: 2.4rem; } .box_tables .table_list .text_list .images_lists ul li { padding: 0.8rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 0.1rem solid #d6d6d6; } .box_tables .table_list .text_list .images_lists ul li .images { width: 30%; height: 9rem; } .box_tables .table_list .text_list .images_lists ul li .text_lists { width: 66%; } .box_tables .table_list .text_list .images_lists ul li .text_lists .small_title { font-size: 1.6rem; font-weight: bold; line-height: 3rem; } .box_tables .table_list .text_list .images_lists ul li .text_lists .small_textlist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #666666; } .box_tables .table_list .text_list .images_lists ul li .text_lists .small_textlist .item { margin-right: 1rem; font-size: 1.2rem; line-height: 2.6rem; } .box_tables .table_list .text_list .images_lists ul li .text_lists .small_textlist .item:nth-child(2n) { margin-right: 0; } .box_tables .table_list .text_list .images_lists ul li .text_lists .tally span { display: inline-block; background: #ee6352; color: #ffffff; line-height: 2.4rem; padding: 0 0.6rem; border-radius: 0.2rem; margin-bottom: 0.6rem; } .box_tables .table_list .text_list .vista_list { padding-bottom: 2.4rem; } .box_tables .table_list .text_list .vista_list .vistatext { font-size: 1.6rem; line-height: 3rem; color: #666666; } .box_tables .table_list .text_list .vista_list .rankinglit .title { padding: 0; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner { margin: 0 -1.5rem; padding: 0 1.5rem; position: relative; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner::after { content: ''; height: 0.1rem; width: 100%; background: #d2d2d2; position: absolute; left: 0; bottom: 0; z-index: 1; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner:last-child::after { display: none; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .item { padding: 0 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 3.6rem; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .item .number { width: 1.6rem; height: 1.6rem; background: #999999; text-align: center; line-height: 1.6rem; color: #ffffff; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .item:nth-child(1) .number { background: #ff3300; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .item:nth-child(2) .number { background: #ff6600; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .item:nth-child(3) .number { background: #ff9900; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .item .addcity { width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 2%; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .item .position { width: 30%; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .item .progress { width: 40%; margin-left: 2%; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .item .progress .layui-progress { background: none; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .item .progress .layui-bg-red { background-color: #cf0f19 !important; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .small_title { line-height: 2.8rem; text-align: right; color: #999999; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .price_title { color: #cf0f19; font-weight: bold; line-height: 4.6rem; font-size: 2.4rem; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .samll_text { margin: 0 -1.5rem; line-height: 3.6rem; color: #f77f00; padding: 0 1.5rem 0.5rem; border-bottom: 0.1rem solid #cccccc; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .wagelist .wagetitle { font-size: 1.6rem; font-weight: bold; line-height: 3rem; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .wagelist .wage_inner ul li { line-height: 2.8rem; font-size: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .wagelist .wage_inner ul li .samll_price { width: 30%; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .wagelist .wage_inner ul li .wage_progres { width: 55%; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .wagelist .wage_inner ul li .wage_progres .layui-bg-red { background-color: #cf0f19 !important; } .box_tables .table_list .text_list .vista_list .rankinglit .rankinginner .wagelist .wage_inner ul li .percentum { width: 15%; text-align: center; } .strokelist { background: #ffffff; } .strokelist .title { line-height: 3rem; font-size: 1.8rem; font-weight: bold; padding: 0 1.5rem 0.5rem; background: #f4f5f5; } .strokelist .title span { padding-left: 1.5rem; position: relative; padding-bottom: .6rem; } .strokelist .title span::after { content: ''; width: 0.4rem; height: 1.6rem; left: 0; top: 50%; margin-top: -1rem; position: absolute; background: #cf0f19; border-radius: 0.6rem; } .strokelist .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 0.1rem solid #d6d6d6; position: relative; z-index: 1; } .strokelist .inner::after { width: 100%; height: 0.1rem; position: absolute; background: #d6d6d6; content: ''; left: 0; bottom: 0; z-index: 10; } .strokelist .inner .item { width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; line-height: 3rem; font-size: 1.6rem; border-bottom: 0.1rem solid #d6d6d6; border-right: 0.1rem solid #d6d6d6; position: relative; } .strokelist .inner .item:nth-child(5n) { border-right: none; } .strokelist .inner .item a { color: #333333; } .strokelist .inner .newitem { width: 12.5%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; line-height: 3rem; font-size: 1.6rem; border-bottom: 0.1rem solid #d6d6d6; border-right: 0.1rem solid #d6d6d6; position: relative; } .strokelist .inner .bornone { border-right: none; } .strokelist .inner .newitem a { color: #333333; } .spelllist { background: #ffffff; margin-bottom: 1.5rem; padding: 0 1.5rem; } .spelllist .title { font-size: 1.8rem; line-height: 2.6rem; text-align: center; font-weight: bold; } .spelllist .item_list { margin-bottom: 1rem; } .spelllist .item_list .samll_title { line-height: 3rem; padding-left: 1.5rem; position: relative; font-size: 1.6rem; font-weight: bold; margin-bottom: 1rem; } .spelllist .item_list .samll_title::after { content: ''; width: 0.4rem; height: 1.6rem; left: 0; top: 50%; margin-top: -1rem; position: absolute; background: #cf0f19; border-radius: 0.6rem; } .spelllist .item_list .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1rem; } .spelllist .item_list .list .item { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.4rem; text-align: center; margin-bottom: 1.5rem; } .spelllist .item_list .list .item a { border: 0.1rem solid #d6d6d6; display: block; padding: 0.5rem; } .spelllist .item_list .list .item .size { position: relative; color: #000; width: 4rem; height: 4rem; line-height: 4rem; margin: 0 auto; border: 0.1rem solid #000000; z-index: 40; font-size: 3rem; } .spelllist .item_list .list .item .size::after { content: ''; border-bottom: 0.1rem dashed #cccccc; position: absolute; width: 100%; left: 0; top: 50%; margin-top: -0.05rem; z-index: -1; } .spelllist .item_list .list .item .size::before { content: ''; border-right: 0.1rem dashed #cccccc; position: absolute; height: 100%; left: 50%; top: 0%; margin-left: -0.05rem; z-index: -1; } .spelllist .item_list .list .item .name, .spelllist .item_list .list .item .text { color: #cf0f19; line-height: 2rem; } .shishi_time{ font-size:.8rem;text-align: center;color: #999999; } #page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 3rem; font-size: 1.3rem; padding: 0.6rem 0; } #page.pagex { border-top: 0.1rem solid #dcdcdc; } #page a { display: inline-block; color: #999999; } #page .number { padding: 0 1.5rem; border: 0.1rem solid #d6d6d6; border-radius: 1.5rem; font-size: 1.2rem; } #page .up { padding-left: 1.5rem; position: relative; } #page .up::after { content: '<'; position: absolute; left: 0; font-size: 1.6rem; color: #999999; top: 0; line-height: 2.8rem; } #page .next { padding-right: 1.5rem; position: relative; } #page .next::after { content: '>'; position: absolute; right: 0; font-size: 1.6rem; color: #999999; top: 0; line-height: 2.8rem; } #page.pagesx { border-top: 0.1rem solid #dfdfdf; } #page .pgactive{ color: #000000; } #page .pgactive::after { color: #000000; } .ideadetails { background: #ffffff; margin-bottom: 1rem; padding: 0 1.5rem 0.6rem; } .ideadetails .ideatitle { text-align: center; font-size: 2rem; font-weight: bold; line-height: 2.6rem; } .ideadetails .explain { margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ideadetails .explain .leftexplain { width: 24%; } .ideadetails .explain .leftexplain .fontsize { margin: 2rem 0; position: relative; width: 8rem; height: 8rem; border: 0.1rem solid #000000; line-height: 8rem; text-align: center; font-size: 6rem; z-index: 40; font-family: 'kaiti'; } .ideadetails .explain .leftexplain .fontsize .icon1 { position: absolute; font-size: 8rem; left: 0; top: 0; color: #cccccc; z-index: -1; } .ideadetails .explain .leftexplain .fontsize .icon_play { right: 0; top: 0; position: absolute; width: 1.5rem; height: 1.5rem; z-index: 1; } @media screen and (max-width: 320px) { .ideadetails .explain .leftexplain .fontsize { margin-bottom: 0.6rem; position: relative; width: 7rem; height: 7rem; border: 0.1rem solid #000000; line-height: 7rem; text-align: center; font-size: 6rem; z-index: 40; font-family: 'kaiti'; } .ideadetails .explain .leftexplain .fontsize .icon1 { position: absolute; font-size: 7rem; left: 0; top: 0; color: #cccccc; z-index: -1; } .ideadetails .explain .leftexplain .fontsize .icon_play { right: 0; top: 0; position: absolute; width: 1.5rem; height: 1.5rem; z-index: 1; } } .ideadetails .explain .right_explain { width: 68%; line-height: 2rem; font-size: 1.2rem; margin: auto 0; } .ideadetails .explain .right_explain .table { border: 0.1rem solid #e2dfe0; border-bottom: none; } .ideadetails .explain .right_explain .table .item_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 2.4rem; border-bottom: 0.1rem solid #e2dfe0; } .ideadetails .explain .right_explain .table .item_list .name { width: 28%; background: #fff8f9; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; border-right: 0.1rem solid #e2dfe0; } .ideadetails .explain .right_explain .table .item_list .number { -webkit-box-sizing: border-box; box-sizing: border-box; width: 72%; font-size: 1.2rem; padding: 0 0.4rem; line-height: 2.22rem; } .ideadetails .explain .right_explain .table .item_list .number span { margin-right: 0.6rem; } .ideadetails .explain .right_explain .table .item_list .number .icon { color: #cf0f19; font-size: 1.6rem; } .ideadetails .explain .right_explain .table .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 2.4rem; border-bottom: 0.1rem solid #e2dfe0; } .ideadetails .explain .right_explain .table .item .small_list { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-right: 0.1rem solid #e2dfe0; } .ideadetails .explain .right_explain .table .item .small_list:nth-child(2n) { border-right: none; } .ideadetails .explain .right_explain .table .item .small_list .name { width: 57%; background: #fff8f9; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 0.1rem solid #e2dfe0; } .ideadetails .explain .right_explain .table .item .small_list .number { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.4rem; } .ideadetails .explain .right_explain .table .item .small_list .number span { margin-right: 0.6rem; } .ideadetails .explain .right_explain .table .item .small_list .number .icon { color: #cf0f19; font-size: 1.6rem; } .ideadetails .list_table { margin-bottom: 1.5rem; } .ideadetails .list_table .table { border: 0.1rem solid #e2dfe0; border-bottom: none; } .ideadetails .list_table .table .item_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 2.4rem; border-bottom: 0.1rem solid #e2dfe0; } .ideadetails .list_table .table .item_list .name { width: 28%; background: #fff8f9; text-align: center; font-size: 1.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2.4rem; border-right: 0.1rem solid #e2dfe0; } .ideadetails .list_table .table .item_list .number { width: 72%; line-height: 2.22rem; height: 2.22rem; overflow: hidden; padding: 0 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .ideadetails .list_table .table .item_list .number span { display: inline-block; margin-right: 0.6rem; } .ideadetails .list_table .table .item_list .number .icon { color: #cf0f19; font-size: 1.6rem; } .ideadetails .list_table .table .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 2.4rem; border-bottom: 0.1rem solid #e2dfe0; } .ideadetails .list_table .table .item .small_list { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; border-right: 0.1rem solid #e2dfe0; } .ideadetails .list_table .table .item .small_list:nth-child(2n) { border-right: none; } .ideadetails .list_table .table .item .small_list .name { width: 56%; background: #fff8f9; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; border-right: 0.1rem solid #e2dfe0; } .ideadetails .list_table .table .item .small_list .number { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.4rem; } .ideadetails .list_table .table .item .small_list .number span { margin-right: 0.6rem; } .ideadetails .list_table .table .item .small_list .number .icon { color: #cf0f19; font-size: 1.6rem; } .ideadetails .idealist { height: auto; overflow: hidden; padding-bottom: 0.6rem; } .ideadetails .idealist .list { border-bottom: 0.1rem solid #d6d6d6; margin-bottom: 1rem; } .ideadetails .idealist .list .title { line-height: 2.6rem; font-size: 1.6rem; font-weight: bold; } .ideadetails .idealist .list .twinlist { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ideadetails .idealist .list .twinlist .item { width: 49%; font-size: 1.3rem; line-height: 2.5rem; } .ideadetails .idealist .list .text { line-height: 3rem; font-size: 1.6rem; } .ideadetails .idealist .list .text img{ width: unset; margin: 0 auto; } .ideadetails .idealist .list:last-child { border-bottom: none; } .ideadetails .mean_list { margin-bottom: 0.5rem; /*border-bottom: 0.1rem solid #e6e6e6;*/ } .ideadetails .mean_list .list { margin: 0 -0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ideadetails .mean_list .list .item { min-width: 33.33333333%; padding: 0 0.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin-bottom: .5rem; font-size: 1.2rem; } .ideadetails .mean_list .list .item a { color: #333333; display: block; background: #efefef; line-height: 2.5rem; border-radius: 0.6rem; padding: 0 0.4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ideadetails .mean_list .list .active a { background: #e24e4c; color: #ffffff; } .box_character { background: #ffffff; margin-bottom: 1.5rem; } .box_character .big_title { padding-top: 0.8rem; font-size: 2rem; font-weight: bold; line-height: 3.6rem; text-align: center; } .box_character .title { padding: 0 1.5rem; margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.8rem; line-height: 3.6rem; border-bottom: 0.1rem solid #d6d6d6; font-weight: bold; } .box_character .title span { padding-left: 1.6rem; position: relative; z-index: 40; } .box_character .title span::after { content: ''; width: 0.4rem; height: 1.6rem; left: 0; top: 50%; margin-top: -0.8rem; position: absolute; background: #cf0f19; border-radius: 0.6rem; } .box_character .title .more { display: inline-block; padding-right: 1.6rem; position: relative; font-weight: normal; line-height: 3.6rem; font-size: 1.6rem; color: #cf0f19; } .box_character .title .more::after { content: '>'; position: absolute; right: 0.4rem; font-size: 1.6rem; color: #cf0f19; top: 0; line-height: 3.6rem; } .box_character .inner ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.5rem 0.5rem 0; } .box_character .inner ul li { width: 16.66666667%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.5rem; font-size: 1.3rem; margin-bottom: 1rem; } .box_character .inner ul li a { display: block; line-height: 2.5rem; background: #efefef; text-align: center; border-radius: 0.6rem; } .box_character .twininner ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.5rem 0.5rem 0; } .box_character .twininner ul li { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.5rem; margin-bottom: 1rem; font-size: 1.6rem; } .box_character .twininner ul li a { display: block; line-height: 3rem; border: 0.1rem solid #cfcfcf; text-align: center; border-radius: 0.6rem; } .ideadetails .explains { margin-bottom: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ideadetails .explains .leftexplain { width: 30%; margin: 0 1rem; text-align: center; } .ideadetails .explains .leftexplain .title { text-align: center; font-size: 1.6rem; line-height: 3.2rem; } .ideadetails .explains .leftexplain .fontsize { margin: 0 auto; position: relative; width: 8rem; height: 8rem; border: 0.1rem solid #000000; line-height: 8rem; text-align: center; font-size: 6rem; z-index: 40; font-family: 'kaiti'; } .ideadetails .explains .leftexplain .fontsize .icon1 { position: absolute; font-size: 8rem; left: 0; top: 0; color: #cccccc; z-index: -1; } .ideadetails .explains .leftexplain .fontsize .icon_play { right: 0; top: 0; position: absolute; width: 1.5rem; height: 1.5rem; z-index: 1; } @media screen and (max-width: 320px) { .ideadetails .explains .leftexplain .fontsize { margin-bottom: 0.6rem; position: relative; width: 7rem; height: 7rem; border: 0.1rem solid #000000; line-height: 7rem; text-align: center; font-size: 6rem; z-index: 40; font-family: 'kaiti'; } .ideadetails .explains .leftexplain .fontsize .icon1 { position: absolute; font-size: 7rem; left: 0; top: 0; color: #cccccc; z-index: -1; } .ideadetails .explains .leftexplain .fontsize .icon_play { right: 0; top: 0; position: absolute; width: 1.5rem; height: 1.5rem; z-index: 1; } } .ideadetails .termslist { border-bottom: 0.1rem solid #d6d6d6; margin-bottom: 1rem; } .ideadetails .termslist:last-child { border-bottom: none; margin-bottom: 0; } .ideadetails .termslist .title { line-height: 3.6rem; font-size: 1.6rem; font-weight: bold; margin-bottom: 1rem; } .ideadetails .termslist .svg_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ideadetails .termslist .svg_inner .text_list { width: 4rem; height: 4rem; } .ideadetails .termslist .inner { margin: 0 -0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ideadetails .termslist .inner .itemlist { width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1rem; padding: 0 0.5rem; } .ideadetails .termslist .inner .itemlist .item { border: 0.1rem solid #707070; } .ideadetails .termslist .inner .itemlist .item .fontsize { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 40; width: 100%; height: 6rem; text-align: center; font-size: 5rem; line-height: 6rem; font-family: 'kaiti'; } .ideadetails .termslist .inner .itemlist .item .fontsize svg { margin: -1rem; } .ideadetails .termslist .inner .itemlist .item .fontsize .fontsvg { width: 6rem; height: 6rem; } .ideadetails .termslist .inner .itemlist .item .fontsize::after { z-index: -1; position: absolute; left: 0; top: 50%; margin-top: -0.05rem; height: 0.1rem; width: 100%; content: ''; border-bottom: 0.1rem dashed #d9d9d9; } .ideadetails .termslist .inner .itemlist .item .fontsize::before { z-index: -1; position: absolute; left: 50%; top: 0; margin-left: -0.05rem; height: 100%; width: 0.1rem; content: ''; border-right: 0.1rem dashed #d9d9d9; } .ideadetails .termslist .inner .itemlist .item .text { line-height: 3rem; font-size: 1.6rem; color: #333333; background: #f9c9c5; text-align: center; } .ideadetails .termslist .inner .itemlist .item .text a { color: #333333; } .ideadetails .explains .textlist { width: 38%; margin: 0 1rem; } .ideadetails .explains .textlist .title { text-align: center; font-size: 1.6rem; line-height: 3.2rem; } .ideadetails .explains .textlist .list .item { border: 0.1rem dashed #666666; line-height: 2.5rem; margin: 1.2rem 0; text-align: center; font-size: 1.2rem; } .ideadetails .explains .textlist .list .item span { font-weight: bold; } .ideadetails .list_table { margin-bottom: 1.5rem; } .ideadetails .list_table .table { border: 0.1rem solid #e2dfe0; border-bottom: none; } .idealist .list .title { line-height: 3rem; font-size: 1.8rem; font-weight: bold; } .idealist .list .title span { padding-left: 1.5rem; position: relative; padding-bottom: .6rem; } .idealist .list .title span::after { content: ''; width: 0.4rem; height: 1.6rem; left: 0; top: 50%; margin-top: -1rem; position: absolute; background: #cf0f19; border-radius: 0.6rem; } /*瀛椾簲琛岀粨鏉?/