/***閿熸枻鎷烽敓鏂ゆ嫹閿熸枻鎷�***/
|
html{width:100%;height:100%;}
|
body{padding: 10px;width:100%;height:100%; background: url(../images/bg_body.jpg) no-repeat;background-size: 100% 100%;}
|
ul{margin: 0; padding: 0;}
|
header{width:100%; height: 50px; line-height: 50px; color: #FFFFFF; font-size:1.8rem;letter-spacing: 0.3rem; background: url(../images/header_bg.png) no-repeat; margin: 0 auto;background-size: 100% 100%; text-align: center;}
|
/*閿熸枻鎷烽敓杈冩枻鎷锋椂閿熸枻鎷烽敓琛楄鎷烽敓鏂ゆ嫹绀洪敓鏂ゆ嫹寮�*/
|
.head{ height:1rem;background-size: 100% 100%; position: relative; z-index: 100;width: 100%;}
|
.weather{ position:absolute; right:.9rem; top:0; line-height: .5rem;}
|
.time{color:#999999;font-size:1.3rem;}
|
|
.container{width: 100%;height:87%;}
|
.col-lg-3,.col-lg-6{padding: 0; margin: 0;}
|
.m-20{margin-top: 0.1rem;}
|
.title{width: 100%; height: 3rem; font-size: 1.4rem; color: #ff9000; line-height: 3rem; padding-left: 1rem; float: left;}
|
|
/*宸﹀彸*/
|
/*宸﹀彸*/
|
.box_left{width: 64%; height:65%;float:left;}
|
.box_right{width: 35%; height:65%;float:left;margin-left: 0.8rem;}
|
|
/*宸﹁竟涓婁腑涓�*/
|
.box_left_up{width: 100%; height: 50%;margin-top: 0.5rem;background: url(../images/bg_box2.png) no-repeat; background-size: 100% 100%;}
|
.box_left_down{width: 100%; height: 50%;margin-top: 0.5rem;background: url(../images/bg_box2.png) no-repeat; background-size: 100% 100%;}
|
/*鍙宠竟涓婁腑涓�*/
|
.box_right_up{width: 100%; height: 50%;margin-top: 0.5rem;background: url(../images/bg_box2.png) no-repeat; background-size: 100% 100%;}
|
.box_right_up_con{width: 100%; height: 82%;float: left;}
|
.box_right_center{width: 100%; height: 32.5%;float:left;background: url(../images/bg_box2.png) no-repeat; background-size: 100% 100%;}
|
.box_right_center_con{width: 100%; height: 82%;float: left;}
|
.box_right_down{width: 100%; height: 50%;margin-top: 0.5rem;background: url(../images/bg_box2.png) no-repeat; background-size: 100% 100%;}
|
.box_right_down_con{width: 100%; height: 80%;float: left;}
|
/*2021-10-09 閿熸枻鎷锋嚳閿熸枻鎷烽敓锟�*/
|
.data_bg{width: 180px; height: 120px; background: url(../images/data_icon.png) no-repeat; margin-left: 30px; text-align: center; font-size: 24px; color: #FFFFFF; padding-top: 20px;}
|
small{font-size: 18px; color: #FF9000;}
|
.logo_div{width:fit-content; text-align: center;line-height: 2rem;margin-left:35%;}
|
/* .logo_bottom{height:2rem; width:2rem;float:left;margin-right:1rem; background: url(../images/plee_logo.png) no-repeat;background-size: 2rem 2rem;} */
|
footer{width:100%; line-height: 2rem; color: #FFFFFF; font-size: 1.5rem; letter-spacing: 0.3rem;text-align: center;}
|
.info-box {width: 31%;float: left;margin-left: 1%;margin-right: 1%;margin-bottom: 1%;height: 40%; /* border: 1px solid rgba(25, 186, 139, .7); */}
|
.info-con {width: 99%;float: left;margin-left: 5%;margin-right: 1%;margin-bottom: 5%;margin-top: 5%;height: 80%; /* background: rgba(255, 255, 255, .8); *//* border-left: 8px solid #666699; */}
|
|
ul {margin-top:7%;list-style: none;}
|
li {margin-left: 5px;display:inline;color: #ffffff;font-size: 1.9rem;}
|
