<style>html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
input {
    margin: 0;
    padding: 0;
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}

body {
    /* font-size: 12px !important; line-height: 1.5; */
    font-family: "microsoft yahei", "simsun", "arial", "tahoma";
    color: #222;
    background: #fff;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
    font-size: 100%;
    font-weight: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

fieldset,
img {
    border: 0;
}

a {
    text-decoration: none;
    color: #666;
    background: none;
}

ul,
ol {
    list-style: none;
}

 :focus {
    outline: none;
}

.clearfix {
    clear: both;
    content: "";
    display: block;
    overflow: hidden;
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}


/* 顶部 */

.top-bar {
    width: 100%;
    height: 46px;
    display: flex;
    justify-content: center;
    background-color: #333;
    color: #fff;
}

.top-bar .top-link {
    font-size: 14px;
    height: 100%;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-bar .top-link .top-link-l a span {
    color: #fff;
}

.top-bar .top-link .top-link-r {
    display: flex;
    align-items: center;
}

.top-bar .top-link .top-link-r .jubao {
    color: #f60;
    margin-right: 20px;
}

.top-bar .top-link .top-link-r .app-down {
    background-color: #f60;
    border-radius: 20px;
    color: #fff;
    border: none;
    padding: 4px 8px;
}

.top-bar .top-link .top-link-r .city {
    cursor: pointer;
    color: #f60;
    margin-right: 20px;
}


/* banner */

.mid-banner {
    background:  no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 13vw;
    min-height: 166px;
    border-top: 1px solid #333;
}

.banner-content {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.banner-content>img {
    height: 50%;
    margin-right: 5vw;
    position: absolute;
    bottom: 0;
    left: 770px;
}

.banner-content>div {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.banner-content>div>img:nth-child(1) {
    width: 4vw;
    min-width: 56px;
}

.banner-content>div>img:nth-child(2) {
    width: 23vw;
    min-width: 292px;
    position: relative;
    top: -20px;
}

.banner-content>div>div {
    background:  no-repeat;
    background-size: 100% 100%;
    width: 11vw;
    min-width: 146px;
    height: 80px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
}


/* city */

._citys {
    width: 380px;
    display: inline-block;
    border: 2px solid #eee;
    padding: 10px;
    position: relative;
    background-color: #fff;
}

._citys span {
    color: #05920a;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    right: 20px;
    top: 18px;
    border: 1px solid #05920a;
    cursor: pointer;
    font-size: 16px;
}

._citys0 {
    width: 95%;
    height: 39px;
    line-height: 39px;
    display: inline-block;
    border-bottom: 2px solid #05920a;
    padding: 0px 5px;
    font-size: 18px;
    font-weight: 700;
    font-weight: bold;
    margin-left: 6px;
}

._citys0 li {
    display: inline-block;
    line-height: 34px;
    font-size: 15px;
    color: #888;
    width: 80px;
    text-align: center;
    cursor: pointer;
}

._citys1 {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
}

._citys1 a {
    width: 83px;
    height: 35px;
    display: inline-block;
    background-color: #f5f5f5;
    color: #666;
    margin-left: 6px;
    margin-top: 3px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    border-radius: 5px;
    overflow: hidden;
}

._citys1 a:hover {
    color: #fff;
    background-color: #05920a;
}

.areas {
    background-color: #05920a !important;
    color: #fff !important;
}


/* content */

.container {
    width: 1200px;
    margin: 0 auto;
    margin-top: 31px;
}

.nodata {
    text-align: center;
    line-height: 60px;
    font-size: 16px;
}

.container .top-tip {
    display: flex;
    justify-content: space-between;
}

.top-tip .block {
    width: 3px;
    height: 30px;
    opacity: 1;
    background: rgba(65, 122, 254, 1);
    display: inline-block;
    position: relative;
    top: 6px;
}

.top-tip .tip-l {
    opacity: 1;
    color: rgba(51, 51, 51, 1);
    font-size: 20px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
    line-height: 62px;
    padding-top: 13px;
}

.top-tip .tip-r {
    line-height: 60px;
    padding-top: 15px;
    opacity: 1;
    color: rgba(153, 153, 153, 1);
    font-size: 15px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}


/* 居中的内容 */

.main-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.main-content .content-l {
    width: 770px;
    position: relative;
}

.main-content .content-l .content-fixed {
    width: 770px;
}

.main-content .content-r {
    width: 406px;
}

.content-l .tips-box {
    border: 1px solid #f2f2f2;
    background: #fff;
    padding: 16px 30px 18px 25px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    opacity: 1;
    border: 1px solid rgba(242, 242, 242, 1);
    margin-bottom: 12px;
}

.content-l .tips-box .laba {
    width: 52px;
    height: 52px;
}

.content-l .tips-box .left-img {
    width: 26px;
    height: 26px;
}

.content-l .tips-box>div {
    width: 92%;
    margin-left: 12px;
}

.content-l .tips-box .tips-title {
    display: flex;
    justify-content: space-between;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
}

.content-l .tips-box .tips-content {
    margin-top: 10px;
    color: rgba(153, 153, 153, 1);
    font-size: 15px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}


/* 工具箱 */

.tools-box .tools-content {
    padding: 18px 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tools-box .tools-content>a {
    display: block;
    height: 84px;
    width: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.tools-box .tools-content>a>img {
    width: 64px;
}

.tools-box .tools-content>a>p {
    text-align: center;
    font-size: 14px;
    color: #666;
}


/* 轮播图 */

.content-r .lunbo {
    width: 100%;
    height: 164px;
}

.content-r .lunbo>div {
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.content-r .lunbo img {
    height: 100%;
    width: 100%;
    display: block;
}

.content-r .lunbo .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 0.5;
}

.content-r .lunbo .swiper-pagination-bullet-active {
    background-color: #1250a5;
    width: 12px;
}

.right-title {
    border-left: 4px solid #3372fd;
    height: 48px;
    line-height: 48px;
    padding-left: 20px;
    background-color: #f2f2f2;
}

.right-title>span {
    font-size: 18px;
    font-weight: 700;
    color: #3372fd;
}

.content-r>div {
    margin-top: 30px;
    border: 1px solid #f2f2f2;
}

.content-r>div:first-child {
    margin-top: 0;
}

.content-r>div:nth-child(2) {
    border: none;
}


/* 风险信息 */

.danger-message {
    width: 770px;
    border-radius: 8px;
    opacity: 1;
    border: 1px solid rgba(242, 242, 242, 1);
}

.danger-message .select {
    border: 1px solid rgba(242, 242, 242, 1);
    height: 82px;
    box-sizing: border-box;
    padding: 11px 40px 0 40px;
    display: flex;
    justify-content: space-between;
}

.danger-message .select>div {
    cursor: pointer;
}

.danger-message .select .num {
    opacity: 1;
    color: rgba(225, 41, 31, 1);
    font-size: 18px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: center;
    line-height: 34px;
}

.danger-message .select .state {
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: center;
}

.gao {
    color: rgba(225, 41, 31, 1) !important;
}

.zhong {
    color: rgba(255, 112, 9, 1) !important;
}

.di {
    color: rgba(255, 181, 14, 1) !important;
}

.wu {
    color: rgba(83, 162, 71, 1) !important;
}

.weight .num {
    font-weight: 700 !important;
}

.weight .state {
    font-weight: 700 !important;
    color: rgba(34, 34, 34, 1) !important;
}

.weight .border-blue {
    height: 3px;
    width: 100%;
    background-color: rgba(65, 122, 254, 1);
    border-radius: 20%;
    position: relative;
    top: 12px;
}


/* detail */

.top-title {
    margin-top: 20px;
}

.top-title .block {
    width: 3px;
    height: 22px;
    opacity: 1;
    background: rgba(65, 122, 254, 1);
    display: inline-block;
    position: relative;
    top: 4px;
}

.top-title .city {
    opacity: 1;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
    display: inline-block;
    margin-right: 7px;
}

.top-title .much {
    opacity: 1;
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}

.detail-message {
    padding: 0 20px 0 18px;
}


/* .detail-message-show:first-child {
        margin-top: 18px;
    } */

.detail-message-show {
    padding: 0 20px 0 18px;
    margin-top: 12px;
    color: rgba(85, 85, 85, 1);
    font-size: 15px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    display: flex;
}

.detail-message-show img {
    width: 15px;
    height: 9px;
    margin-right: 6px;
    margin-top: 5px;
}

.button-detail {
    width: 90px;
    height: 29px;
    border-radius: 14px;
    opacity: 1;
    background: rgba(65, 122, 254, 0.2);
    color: rgba(65, 122, 254, 1);
    font-size: 12px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: center;
    line-height: 29px;
    margin: 20px auto;
}

.button-detail a {
    color: rgba(65, 122, 254, 1);
    font-size: 12px;
    font-weight: 400;
}


/* 底部 */

.bot-about {
    background-color: #666666;
}

.bot-about>div {
    color: #999;
}

.bot-about>div>a {
    color: #999;
}

.wenzi {
    color: #999;
    padding: 12px 0px 12px 0px;
    text-align: center;
}

.wenzi>a {
    color: #999;
}

.bot-about .notice {
    text-align: center;
    color: #999;
}

.bot-about .notice>a {
    color: #999;
}

.bot-link {
    margin-top: 60px;
    padding: 10px 50px;
    text-align: center;
    color: #666;
}


/* zixun */


/* 最新资讯 */

.zixun .right-title {
    border-left: 4px solid #3372fd;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    background-color: #f2f2f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zixun .zixun-content {
    /* height: 370px;
overflow: hidden; */
    padding: 20px;
    padding-top: 10px;
    border-top: 1px solid #f2f2f2;
}

.zixun .zixun-content>li {
    list-style: none;
}

.zixun .zixun-content a {
    display: block;
    font-size: 14px;
    color: #222;
    padding: 10px 0;
}

.zixun .right-title>a {
    font-size: 14px;
    color: #3372fd;
}

.daofen {
    margin-top: 32px;
    padding: 20px 24px 50px;
    border-top: 1px solid #f2f2f2;
    text-align: center;
}

.daofen p {
    text-align: left;
}

.daofen img {
    width: 300px;
    height: 430px;
    margin-top: 20px;
}


/*  */

.select-way a {
    color: rgba(103, 121, 222, 1);
}

.select-way {
    margin-top: 21px;
    width: 774px;
    height: 61px;
    opacity: 1;
    background: rgba(249, 249, 249, 1);
    opacity: 1;
    color: rgba(103, 121, 222, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    line-height: 61px;
    margin-bottom: 28px;
}

.select-way .select-all {
    display: inline-block;
    margin-left: 26px;
}

.select-way .select-one {
    display: inline-block;
    margin-left: 30px;
    color: #6779de;
    cursor: pointer;
}

.select-way .select-two {
    display: inline-block;
    margin-left: 48px;
    color: rgba(119, 119, 119, 1);
    cursor: pointer;
}

.select-way .select-three {
    display: inline-block;
    margin-left: 44px;
    color: rgba(119, 119, 119, 1);
    cursor: pointer;
}

.select-way .select-turn {
    display: inline-block;
    margin-left: 127px;
}

.title-show {
    display: flex;
    justify-content: start;
}

.title-block {
    width: 5px;
    height: 21px;
    opacity: 1;
    background: rgba(65, 122, 254, 1);
    position: relative;
    top: 2px;
}

.title-name {
    line-height: 26px;
    opacity: 1;
    color: rgba(34, 34, 34, 1);
    font-size: 20px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
    margin-left: 10px;
}

.title-detail {
    margin-left: 20px;
    line-height: 26px;
    opacity: 1;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    position: relative;
    top: 2px;
}

.no-area {
    /* width: 684px; */
    padding: 24px;
    border-radius: 15px;
    opacity: 1;
    background: rgba(219, 234, 251, 1);
}

.no-area>div {
    padding: 20px 20px 24px 24px;
    border-radius: 10px;
    opacity: 1;
    background: rgba(255, 255, 255, 1);
}
.other-btn{
    background-color: rgba(246, 141, 19, .3)!important;
}
.other-btn .color{
    color: rgba(246, 141, 19, 1)!important;
}
.other-btn .must-input{
    background-color: rgba(246, 141, 19, .3)!important;
}
.other-btn .must-input a{
    color: rgba(246, 141, 19, 1)!important;
}
.low {
    /* width: 684px; */
    padding: 20px 24px 24px 24px;
    border-radius: 15px;
    opacity: 1;
    background: rgba(236, 245, 240, 1);
    margin-top: 20px;
}
.low .all-message {
    /* width: 684px; */
    box-sizing: border-box;
    padding: 20px 20px 24px 24px;
    border-radius: 10px;
    opacity: 1;
    background: rgba(255, 255, 255, 1);
    position: relative;
}
.all-message div:first-of-type{
    padding-top: 20px;
    border-top: 1px solid #f1f1f1;
}
.order{
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin-right: 10px;
}
.order-low{
    background-color: #55a657;
}
.all-message li{
    list-style: none;
    margin-bottom: 24px;
}

.order-middle{
    background-color: #ffc123;
}
.order-other{
    background-color: rgba(246, 141, 19, 1);
}
.order-high {
    background-color: rgba(220, 95, 95, 1);
}
.low .color {
    margin-bottom: 20px;
    opacity: 1;
    color: rgba(67, 159, 103, 1);
    font-size: 18px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
}

.middle .color {
    margin-bottom: 20px;
    opacity: 1;
    color: rgba(255, 193, 35, 1);
    font-size: 18px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
}

.high .color {
    margin-bottom: 20px;
    opacity: 1;
    color: rgba(220, 95, 95, 1);
    font-size: 18px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
}

.middle {
    margin-top: 20px;
    /* width: 684px; */
    padding: 20px 24px 24px 24px;
    border-radius: 15px;
    opacity: 1;
    background: rgba(255, 246, 223, 1);
}

.middle .all-message {
    /* width: 684px; */
    box-sizing: border-box;
    padding: 20px 20px 24px 24px;
    border-radius: 10px;
    opacity: 1;
    background: rgba(255, 255, 255, 1);
}

.high {
    margin-top: 20px;
    /* width: 684px; */
    padding: 20px 24px 24px 24px;
    border-radius: 15px;
    opacity: 1;
    background: rgba(254, 233, 233, 1);
}

.high .all-message {
    /* width: 684px; */
    box-sizing: border-box;
    padding: 20px 20px 24px 24px;
    border-radius: 10px;
    opacity: 1;
    background: rgba(255, 255, 255, 1);
}

.no-area-tel {
    line-height: 21px;
    opacity: 1;
    color: rgba(34, 34, 34, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}

.no-area-tel .tel {
    display: inline-block;
    margin-left: 13px;
}

.no-area-tel .to-tel {
    display: inline-block;
    margin-left: 15px;
}

.no-area-adress {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.no-area-adress .adress {
    line-height: 24px;
    opacity: 1;
    color: rgba(103, 121, 222, 1);
    font-size: 18px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
}

.no-area-adress .adress-tip {
    line-height: 24px;
    opacity: 1;
    color: rgba(102, 102, 102, 1);
    font-size: 15px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}

.no-area-where,
.no-area-phone {
    height: 21px;
    display: flex;
    justify-content: start;
    line-height: 21px;
    opacity: 1;
    color: rgba(34, 34, 34, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    margin-top: 20px;
}

.no-area-where .where {
    width: 109px;
    text-align: justify;
}

.no-area-where .where::after {
    display: inline-block;
    width: 100%;
    content: "";
}

.no-area-phone .phone {
    width: 109px;
    text-align: justify;
}

.no-area-phone .phone::after {
    display: inline-block;
    width: 100%;
    content: "";
}

.no-area-must {
    opacity: 1;
    color: rgba(34, 34, 34, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    margin-top: 20px;
}

.no-area-must .must {
    width: 112px;
    height: 21px;
    text-align: justify;
    margin-bottom: 10px;
    white-space: nowrap;
}

.no-area-must .must::after {
    display: inline-block;
    width: 100%;
    content: "";
}

.must-input {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translatex(-50%);
    margin-top: 20px;
    padding: 8px 18px;
    border-radius: 20px;
    opacity: 1;
    background: rgba(234, 241, 255, 1);
}

.must-input a {
    line-height: 21px;
    opacity: 1;
    color: rgba(85, 131, 223, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}

.high .must-input {
    background: rgba(254, 233, 233, 1);
}

.middle .must-input {
    background: rgba(255, 246, 223, 1);
}

.low .must-input {
    background: rgba(236, 248, 236, 1);
}

.high .must-input a {
    color: rgba(220, 95, 95, 1);
}

.middle .must-input a {
    color: rgba(255, 193, 35, 1);
}

.low .must-input a {
    color: rgba(85, 166, 87, 1);
}
.no-area-must{
    position: relative;
    display: flex;
    padding-bottom: 50px;

}
.no-area-must .must-input{
    position: absolute;
    right: initial;
    bottom: 0;
    left: 50%;
    transform: translatex(-50%);
}
.no-area-way {
    opacity: 1;
    color: rgba(34, 34, 34, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    margin-top: 13px;
    display: flex;
    justify-content: start;
    position: relative;
    /* padding-right: 110px; */
    padding-bottom: 50px;
}

.no-area-way .way {
    width: 109px;
    /* height: 36px; */
    line-height: 36px;
    text-align: justify;
    /* margin-bottom: 10px; */
    white-space: nowrap;
}

.no-area-way .way::after {
    display: inline-block;
    width: 100%;
    content: "";
}

.no-area-must .must::after {
    display: inline-block;
    width: 100%;
    content: "";
}

.no-area-way .way-show {
    /* height: 36px; */
    line-height: 36px;
    margin-left: 13px;
}

.way-input a {
    line-height: 21px;
    opacity: 1;
    color: rgba(85, 131, 223, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}

.way-input {
    padding: 8px 18px;
    border-radius: 20px;
    opacity: 1;
    height: 21px;
    background: rgba(234, 241, 255, 1);
    position: absolute;
    right: 0;
}

.no-area-way .way-input {
    padding: 8px 18px;
    border-radius: 20px;
    opacity: 1;
    height: 21px;
    background: rgba(234, 241, 255, 1);
    position: absolute;
    right: initial;
    /* position: static; */
    /* display: inline-block; */
    /* margin-left: 280px; */
    bottom: 0;
    left: 50%;
    transform: translatex(-50%);
}

.no-area-way .way-input a {
    line-height: 21px;
    opacity: 1;
    color: rgba(85, 131, 223, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}

.message-wrap {
    margin-top: 36px;
}

.message-wrap .chu-tip {
    display: flex;
    justify-content: start;
    position: absolute;
    left: -15.5px;
}

.message-wrap .chu-tip img {
    width: 31px;
    height: 36px;
}

.chutipshow {
    /* display: flex;
            justify-content: start; */
    position: relative;
    margin-bottom: 20px;
    /* margin-top: 60px; */
}

.chutipshow div {
    display: inline-block;
}

.chutipshow .tipshow {
    display: inline;
}

.cityshow {
    opacity: 1;
    color: rgba(103, 121, 222, 1);
    font-size: 18px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
    margin-left: 8px;
    line-height: 32px;
}

.tipshow {
    height: 21px;
    border-radius: 20px;
    opacity: 1;
    background: rgba(254, 233, 233, 1);
    padding: 5px 13px 6px 13px;
    line-height: 21px;
    opacity: 1;
    color: rgba(238, 122, 117, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    margin-left: 20px;
}

.numshow {
    line-height: 32px;
    position: absolute;
    right: 20px;
}

.area-wrap {
    width: calc(100% - 15.5px);
    /* margin-left: 15.5px; */
    /* border-left: 2px solid #6779de; */
    padding: 20px 0 40px 15.5px;
}

.area-wrap>div {
    position: relative;
    /* top: -115px; */
}

.chu-tip .yellow {
    color: #fdc228 !important;
}

.yellow {
    color: #fdc228 !important;
}

.no-feiji {
    position: relative;
}

.no-feiji img {
    width: 63.53px;
    height: 72px;
    opacity: 1;
    margin-left: 350px;
}

.no-feiji div {
    margin-top: 10px;
    text-align: center;
    color: rgba(106, 183, 251, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    line-height: 24px;
}

.yqstack {
    width: 732px;
    border-radius: 15px;
    opacity: 1;
    border: 1px solid rgba(229, 229, 229, 1);
    margin-top: 30px;
}

.yqstack-title {
    display: flex;
    justify-content: start;
    width: 100%;
    height: 64px;
}

.yqstack-title .block-blue {
    margin-left: 24px;
    width: 4px;
    height: 17px;
    opacity: 1;
    background: rgba(65, 122, 254, 1);
    position: relative;
    top: 24px;
}

.yqstack-title .yqstack-text {
    margin-left: 10px;
    line-height: 64px;
    opacity: 1;
    color: rgba(34, 34, 34, 1);
    font-size: 18px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}

.all-yqstack {
    display: flex;
    flex-wrap: wrap;
}

.all-yqstack .stack {
    width: 50%;
    height: 60px;
    box-sizing: border-box;
    line-height: 60px;
    padding: 0 48px 0 24px;
    border-top: 1px solid rgba(229, 229, 229, 1);
    display: flex;
    justify-content: space-between;
}

.all-yqstack .stack .stack-l {
    height: 60px;
    line-height: 60px;
    color: rgba(34, 34, 34, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
}

.all-yqstack .stack .stack-r {
    height: 60px;
}

.all-yqstack .stack .stack-r a {
    line-height: 60px;
    color: rgba(103, 121, 222, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
}

.all-yqstack .stack:nth-child(2n-1) {
    border-right: 1px solid rgba(229, 229, 229, 1);
}

.yqmessage {
    padding: 0 45px 0 24px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    padding: 0;
    padding-left: 24px;
    padding-right: 44px;
}

.yqmessage div {
    opacity: 1;
    color: rgba(85, 85, 85, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}

.zhong-color {
    color: #dfba2c !important;
}

.di-color {
    color: rgba(67, 159, 103, 1) !important;
}

.gao-color {
    color: rgba(220, 95, 95, 1) !important;
}

.end-mess {
    opacity: 1;
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: right;
    margin-right: 45px;
    margin-top: 25px;
    margin-bottom: 30px;
}


/* 城市选择 */

.wrap {
    width: 464px;
    height: 34px;
    margin: 20px auto;
    border: 0;
    position: relative;
}

s {
    position: absolute;
    top: 1px;
    right: 0;
    width: 32px;
    height: 32px;
    background:  no-repeat;
}

._citys {
    width: 380px;
    display: inline-block;
    border: 2px solid #eee;
    padding: 10px;
    position: relative;
    background-color: #fff;
}

._citys span {
    color: #05920a;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    right: 20px;
    top: 18px;
    border: 1px solid #05920a;
    cursor: pointer;
    font-size: 16px;
}

._citys0 {
    width: 95%;
    height: 39px;
    line-height: 39px;
    display: inline-block;
    border-bottom: 2px solid #05920a;
    padding: 0px 5px;
    font-size: 18px;
    font-weight: 700;
    font-weight: bold;
    margin-left: 6px;
}

._citys0 li {
    display: inline-block;
    line-height: 34px;
    font-size: 15px;
    color: #888;
    width: 80px;
    text-align: center;
    cursor: pointer;
}

._citys1 {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
}

._citys1 a {
    width: 83px;
    height: 35px;
    display: inline-block;
    background-color: #f5f5f5;
    color: #666;
    margin-left: 6px;
    margin-top: 3px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    border-radius: 5px;
    overflow: hidden;
}

._citys1 a:hover {
    color: #fff;
    background-color: #05920a;
}

.areas {
    background-color: #05920a !important;
    color: #fff !important;
}


/* 城市 */

.select-city-wrap {
    width: 776px;
    height: 175px;
    opacity: 1;
    background: rgba(247, 250, 255, 1);
    padding-top: 1px;
}

.select-city-wrap .selectcity {
    display: flex;
    justify-content: center;
    margin-top: 33px;
    margin-bottom: 37px;
}

.select-city-wrap .selectcity>img {
    width: 27px;
    height: 20px;
    margin: 0 120px;
}

.select-city-wrap .selectcity .name-border img {
    width: 16px;
    height: 9px;
}

.name-border {
    opacity: 1;
    color: rgba(34, 34, 34, 1);
    font-size: 20px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
}

.select-city-wrap .tip {
    width: 728px;
    height: 54px;
    opacity: 1;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    line-height: 54px;
    margin: 0 24px;
}

.phone-tip a {
    color: rgba(103, 121, 222, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
}

.where-tip a {
    color: rgba(103, 121, 222, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
}

.back-wrapper {
    position: relative;
    min-width: 1200px;
    min-height: 166px;
    background-color: rgb(101, 128, 219);
    height: 250px;
}

.back-wrapper .back-img {
    width: 100%;
    height: 13vw;
    min-height: 166px;
}

.back-nav {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translatex(-50%);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 1200px;
    height: 100%;
    background-image: ;
    min-height: 166px;
    background-size: 1500px 100%;
    background-position: -280px;
    background-repeat: no-repeat;
    background-color: blue;
}

.back-nav .nav1 {
    width: 4.7vw;
    height: 1.7vw;
    /* margin-left: 20px; */
    min-width: 90px;
    min-height: 46px;
}

.back-nav .nav2 {
    width: 35.4vw;
    height: 7vw;
    /* margin-top: 31px; */
    min-width: 400px;
    min-height: 100px;
}

.yqstack .right {
    margin-left: 30px;
    line-height: 30px;
}

.begin,
.end {
    display: flex;
}

.begin img,
.end img {
    width: 12px;
    height: 8px;
    position: relative;
    top: 10px;
    margin-left: 10px;
    /* border-radius: 0.5px;
            opacity: 1;
            background: rgba(153, 153, 153, 1); */
}

.daofen-box {
    margin-top: 30px;
    /* padding: 20px 30px; */
    border: 1px solid rgba(229, 229, 229, 1);
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 400;
    border-radius: 6px;
}

.daofen-box img {
    margin-top: 15px!important;
    width: 40%!important;
}
.city-content {
    margin-top: 24px;
    background-color: #dbeafb;
    border-radius: 16px;
    padding: 24px;
}
.city-content .title-type {
    color: #3372fd;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 20px;
}
.city-content .article {
    background-color: #fff;
    border-radius: 16px;
    padding: 24px;
}
.city-content .find-more {
    padding: 8px 16px;
    border-radius: 18px;
    display: flex;
    justify-content: center;
}
.city-content .find-more a {
    display: block;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #3372fd;
    background-color: #dbeafb;
    border-radius: 18px;
}

.people-m {
    text-align: right!important;
}

.all-yqstack .stack {
    width: 50%;
    height: initial;
    box-sizing: border-box;
    line-height: 60px;
    padding: 0 48px 0 24px;
    border-top: 1px solid rgba(229, 229, 229, 1);
    display: flex;
    justify-content: space-between;
    flex-direction: initial;
    align-items: center;
    /* flex: 1; */
    min-width: 300px;
}
.all-yqstack .stack:nth-child(2n-1) {
    border-right: 1px solid rgba(229, 229, 229, 1);
    padding-right: 30px;
}
.all-yqstack .stack .stack-l {
    height: initial;
    line-height: 60px;
}
.all-yqstack .stack .stack-r {
    height: initial;
}
.all-yqstack .stack .stack-r a {
    line-height: 60px;
    display: inline-block;
}
.back-wrapper .middle-img{
    background-image: ;
}

.back-wrapper .left-img {
    background-image: ;
}
.back-wrapper .right-img {
    background-image: ;
}


select {
    height: 34px;
    border-radius: 50px;
    opacity: 1;
    background: rgba(237, 246, 254, 1);
    border: none;
    padding: 0 17px;
    padding-right: 29px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;

    opacity: 1;
    color: rgba(25, 146, 214, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    line-height: 34px;


    /*在选择框的最右侧中间显示小箭头图片*/
    /* background: none; */
}

.select {
    position: relative;
}

.select img {
    position: absolute;
    right: 17px;
    top: 17px;
}

.select-city-wrap .tip {
    padding-left: 24px;
}

.risk-height {
    color: rgba(220, 95, 95, 1) !important;
}

.risk-usual {
    color: #999999 !important;
}

.risk-low {
    color: rgba(85, 166, 87, 1) !important;
}

.risk-middle {
    color: rgba(255, 193, 35, 1) !important;
}

.risk-high {
    color: rgba(220, 95, 95, .7) !important;
}

.yqmessageimg {
    width: 16.5px;
    height: 10px;
    margin-right: 10px;
    position: relative;
    top: 6px;
}

.where-m {
    width: 221px;
}

.state-m {
    width: 274.5px;
}

.people-m {
    width: 141px;
}

.citytop {
    height: 34px;
    padding: 0 18px;
    line-height: 34px;
    border-radius: 50px;
    opacity: 1;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    right: 0;
    top: 30px;
    display: flex;
    justify-content: center;
}

.citytop img {
    margin-left: 6px;
    width: 8px;
    height: 5px;
    position: relative;
    top: 14px;
}

.daofen-box {
    padding: 20px 30px;
}

.to-tel a {
    color: rgba(103, 121, 222, 1);
}

.high.level2 {
    background: rgba(254, 233, 233, 1) !important;
    color: rgba(220, 95, 95, 1) !important;
}

.low.level2 {
    background: rgba(236, 248, 236, 1);
    color: rgba(85, 166, 87, 1);
}

.usual.level2 {
    color: rgba(103, 121, 222, 1) !important;
    background: rgba(219, 234, 251, 1) !important;
}

.middle.level2 {
    color: rgba(255, 193, 35, 1) !important;
    background: rgba(255, 246, 223, 1) !important;
}

.other-btn {
    /* width: 684px; */
    padding: 20px 24px 24px 24px;
    border-radius: 15px;
    opacity: 1;
    background: rgba(219, 234, 251, 1);
    margin-top: 20px;
}

.other-btn .all-message {
    /* width: 684px; */
    box-sizing: border-box;
    padding: 20px 20px 24px 24px;
    border-radius: 10px;
    opacity: 1;
    background: rgba(255, 255, 255, 1);
    position: relative;
}

.other-btn .color {
    margin-bottom: 20px;
    opacity: 1;
    color: rgba(103, 121, 222, 1);
    font-size: 18px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
}

.other-btn .must-input {
    background: rgba(219, 234, 251, 1);
}

.other-btn .must-input a {
    color: rgba(103, 121, 222, 1);
}
.other{
    color: rgba(102,102,102,1);
    
}

.no-feiji {
    margin-top: 25px;
}

.chutipshow {
    margin-top: 20px;
}

.tools-box .tools-content>a>p {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0;
}

.tools-box .tools-content {
    padding-top: 0;
}

.content-l {
    top: 0;
}

.second-top {
    position: relative;
    margin-top: 40px;
    /* top: -95px; */
}

.area-wrap {
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
}

.message-wrap {
    border-left: 2px solid #6779de;
}

.back-wrapper .left-img {
    width: calc((100% - 1200px) / 2);
    height: 100%;
    background-image: ;
    min-height: 166px;
    background-repeat: no-repeat;
    background-size: calc(100% * 192 / 36) 100%;
}

.back-wrapper .right-img {
    width: calc((100% - 1200px) / 2);
    height: 100%;
    background-image: ;
    min-height: 166px;
    background-repeat: no-repeat;
    background-size: calc(100% * 192 / 36) 100%;
    background-position: 100%;
}

.back-wrapper .middle-img {
    width: 1200px;
    height: 100%;
    background-image: ;
    min-height: 166px;
    background-repeat: no-repeat;
    background-size: 1920px 100%;
    background-position: -360px;
    position: relative;
}

.back-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

.back-wrapper>div {
    flex-shrink: 0;
}

#citytop_choose {
    cursor: pointer;
}



.tab-bar {
    display: flex;
    margin-bottom: 24px;
    border-top: 1px solid rgba(28,144,250,1)
}

.tab-bar>div {
    width: 385px;
    height: 59px;
    opacity: 1;
    background: rgba(246, 246, 246, 1);
    color: rgba(102, 102, 102, 1);
    text-align: center;
    line-height: 59px;

    font-size: 18px;
    font-weight: 400;
    font-family: "microsoft yahei";
}

.tab-bar .chouse {
    background: rgba(28, 144, 250, 1);
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
}

.title {
    width: 100%;
    height: 34px;
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.title .img {
    width: 14px;
    height: 20px;
}

.title .flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.title-name {

    opacity: 1;
    color: rgba(34, 34, 34, 1);
    font-size: 18px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: left;
    line-height: 24px;

}


.xianhao {
    opacity: 1;
    border: 1px solid rgba(229, 229, 229, 1);
    background: rgba(255, 255, 255, 1);
    padding: 20px;
    margin-top: 15px;
    /* margin-bottom: 20px; */
}

.xianhao .flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.xianhao .flex .today {
    width: 355.22px;
    height: 143px;
    border-radius: 10px;
    opacity: 1;
    background: rgba(254, 248, 232, 1);
}

.xianhao .flex .next {
    width: 355.22px;
    height: 143px;
    border-radius: 10px;
    opacity: 1;
    background: rgba(243, 254, 248, 1);
}

.today .title {
    margin-top: 20px;
    line-height: 21px;
    height: 21px;
    opacity: 1;
    color: rgba(219, 156, 42, 1);
    font-size: 16px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: center;
    display: block;
}

.today .date {
    margin-top: 16px;
    line-height: 21px;
    height: 21px;
    opacity: 1;
    color: rgba(212, 179, 114, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: center;
}

.today .day {
    margin-top: 11px;
    line-height: 34px;
    height: 34px;
    opacity: 1;
    color: rgba(219, 156, 42, 1);
    font-size: 26px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: center;
}

.next .title {
    margin-top: 20px;
    line-height: 21px;
    height: 21px;
    opacity: 1;
    color: rgba(111, 161, 139, 1);
    font-size: 16px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: center;
    display: block;
}

.next .date {
    margin-top: 16px;
    line-height: 21px;
    height: 21px;
    opacity: 1;
    color: rgba(124, 166, 134, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: center;
}

.next .day {
    margin-top: 11px;
    line-height: 34px;
    height: 34px;
    opacity: 1;
    color: rgba(111, 161, 139, 1);
    font-size: 26px;
    font-weight: 700;
    font-family: "microsoft yahei";
    text-align: center;
}

.spain .spain_date {
    height: 24px;
    opacity: 1;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    line-height: 24px;
    margin-bottom: 15px;
}

.spain_day_date {
    height: 24px;
    opacity: 1;
    color: rgba(119, 119, 119, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: center;
    line-height: 24px;
}
.spain_day{
    width: 15.87%;
}

.spain_num {
    height: 24px;
    opacity: 1;
    color: rgba(62, 62, 62, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: center;
    line-height: 24px;
}

.spain_flex {
    display: flex;
    justify-content: space-between;
}

.spain_border {
    height: 1px;
    opacity: 1;
    width: 100%;
    background-color: rgba(229, 229, 229, 1);
    margin: 25px 0;
}

.cicle {
    width: 7px;
    height: 7px;
    opacity: 1;
    background: rgba(28, 144, 250, 1);
    border-radius: 100%;
    margin-right: 10px;
    position: relative;
    top: 10px;
}

.cicle-text {
    width: calc(100% - 17px)
}

.xianxin .time .time-img {
    width: 20px;
    height: 12px;
}

.xianxin-rule {
    padding-bottom: 24px;
}

.xianxin-time {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
    opacity: 1;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    line-height: 24px;
}

.xianxin .cicle-bg {
    width: 19px;
    height: 19px;
    opacity: 1;
    background: rgba(243, 243, 243, 1);
    border-radius: 100%;
    margin-right: 10px;
    color: rgba(171, 171, 171, 1);
    line-height: 19px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-family: "microsoft yahei";
    position: relative;
    top: 3px;
}


.tools {
    display: flex;
    justify-content: space-between;
}

.footer-on {
    width: 100%;
    padding: 26.5px 80px;
    opacity: 1;
    border: 1px solid rgba(229, 229, 229, 1);
    box-sizing: border-box;
    margin-top: 25px;
}


.footer-on a .fir-img {
    width: 57px;
    height: 51px;
}
.footer-on .fir-item{
    position: relative;
    top: 2px;
}
.footer-on a .sec-img {
    width: 52px;
    height: 55px;
}
.footer-on a .thi-img {
    width: 58px;
    height: 55px;
}

.xianxin {
    width: 100%;
    padding: 0 25px;
    box-sizing: border-box;
    opacity: 1;
    border: 1px solid rgba(229, 229, 229, 1);
    margin-top: 20px;
}

.flex-cicle {
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
    opacity: 1;
    color: rgba(102, 102, 102, 1);
    font-size: 16px;
    font-weight: 400;
    font-family: "microsoft yahei";
    text-align: left;
    line-height: 24px;
}

.xianxin img {
    margin-right: 10px;
}

.xianxin .time {
    margin-top: 20px;
    margin-bottom: 5px;
}

.nocicle {
    width: calc(100% - 29px);
    margin-left: 29px;
}

.tools-item{
    text-align: center;
}