/*Ê×Ò³Ñùʽ*/
.bannerBox,.top_wz{ width: 290px; height: 350px; border-radius: 4px; background: #fff; overflow: hidden;}
.bannerBox img{}
.sy_tool{ width: 700px; height: 350px; margin: 0 0 0 10px; border-radius: 4px; background: #fff; overflow: hidden;}
.sy_tool_tab{ width: 100%; height: 42px; line-height: 42px; text-align: center; background: #e1e1e1; }
.sy_tool_tab div{cursor: pointer; width: 50%; display: inline-block; font-size: 17px; font-weight: bold; color: #b1b1b1; }
.sy_tool_tab div.active{position: relative; background: #eab262; color: #fff; border-radius: 0 10px 0 0;}
.sy_tool_tab div.active::after{ left: 167px; display: block; content: ""; position: absolute; bottom: -15px; width: 0; height: 0; border: 8px solid #eab262; border-color: #eab262 transparent transparent transparent; }
.sy_tool .formBox{text-align: center; width: 670px; margin: 0 auto; padding: 15px; }
.sy_tool .formBox .inpBox{ width: 318px; padding-left: 14px; margin:7px 8px; height: 48px; line-height: 48px; font-size: 16px;  }
.sy_tool .formBox .inpBox.long{ width:652px !important;}
.sy_tool .formBox .inpBox input{ width: 235px; height: 48px; line-height: 48px; padding-left: 20px; }
.sy_tool .formBox .inpBox label input[type="radio"]{ margin-left: 15px; }
.sy_tool .formBox .inpBox label:first-child input[type="radio"]{ margin-left: 15px; }
.sy_tool .formBox .qm_btn{ background: #68aae8; width: 380px; height: 44px; line-height: 44px; border-radius: 5px; margin:18px auto 0; font-size: 18px; color: #fff; }
.sy_tool .formBox .form_bbqm .inpBox{ margin:5px 8px;}
.sy_tool .formBox .form_bbqm .qm_btn{ margin-top: 6px;}
.sy_tool .xmcs{ width: auto; background: none; border: none; }
.sy_tool .xmcs .inpBox{ width: 500px; margin-top: 10px 8px; border-radius: 4px; background: #f4f3f5; }
.sy_tool .xmcs .inl{ position: relative; }
.sy_tool .xmcs .fl{ right: 18px; top: 8px; }
.sy_tool .xmcs label{ margin: 8px 8px 0 8px; }
.sy_tool .xmcs label.active{ background: none; }
.sy_tool .xmcs input[type="radio"]:checked{ background-image: url(../images/form_tic_blue.png); background-color:#5099dd; border-radius: 100%; color: #fff;  }
.sy_tool .xmcs input[type="radio"]:checked + span{ color:#fff;}
.sy_tool .xmcs .qm_btn{ height: 48px; line-height: 48px; }
.tyForm label.active span{ color: #555;}

.top_wz{ width: 260px; height: 320px; padding: 15px; }
.top_wz li{ margin-bottom: 12px; }
.top_wz li .head_col em{display: inline-block; width: 22px; height: 22px;border-radius: 26px; background: #c6c6c6; color: #fff; font-size: 15px; font-style: normal; text-align: center; line-height: 23px;}
.top_wz li .head_col h2{ font-size: 16px; color: #666; font-weight: normal; line-height: 22px; vertical-align: top; display: inline-block; width: 230px; margin-left: 6px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.top_wz .tw{ margin: 10px 0; }
.top_wz .tw .img{ width: 90px; height: 68px; border-radius: 3px; display: inline-block; overflow: hidden; }
.top_wz .tw .img img{ width: 90px; height: 68px; }
.top_wz .tw p{float: right; display: -webkit-box; font-size: 13px; color: #999; line-height: 21px; text-indent: 2em; width: 160px; margin-left: 7px; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical; vertical-align: top;}
.top_wz li:nth-child(1) .head_col h2{ color: #555; font-size: 17px; font-weight: bold; }
.top_wz li:nth-child(1) .head_col em{ background: #ee545f; }
.top_wz li:nth-child(2) .head_col em{ background: #f3878f; }
.top_wz li:nth-child(3) .head_col em{ background: #f8bbbf; }
.wrapBox{ width: 1000px; background: #fff; border-radius: 4px; margin-top: 20px; }
.flex{ width: 266px; padding: 20px 12px; vertical-align: top; overflow: hidden; clear: both; }
.flex .type_tab{ padding-bottom: 16px; }
.flex .type_tab div{cursor: pointer; display: inline-block; position: relative; padding: 5px 10px; margin-right: 10px; background: #e3e3e3; border-radius: 4px; color: #b0b0b0; font-weight: bold; font-size: 16px; }
.flex .type_tab div:last-child{ margin-right: 0 }
.flex .type_tab div.active{ background: #fa6879; font-size: 18px; color: #fff; }
.flex .type_tab div.active:after{ position: absolute; display: block; content: ""; width: 0px; height: 0px; bottom: -15px;  left: 0; right: 0; margin: 0 auto; border: 8px solid #fa6879; border-color: #fa6879 transparent transparent transparent; }
ul.wzList li{overflow: hidden; margin-bottom: 12px; background: #f2f2f2; border-radius: 2px;}
ul.wzList li .fr{ width:156px; height: auto; border-radius:2px; padding:0 9px; }
ul.wzList li .fr h2{ font-size: 16px; color: #666; line-height: 22px; font-weight: normal; margin: 8px 0 4px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
ul.wzList li .fr p{font-size: 13px; color: #999; line-height: 18px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
ul.wzList li .img{ width: 86px; height: 65px; border-radius: 2px; overflow: hidden; padding:0; }
ul.wzList li .img img{ width: 86px; height: 65px; }
ul.wzList li a{ display: block; clear: both; }
ul.wzList li a:hover{ color:#5099dd;}
ul.wzList li a h3{position: relative; font-size: 16px; color: #555; font-weight: normal; padding-left:15px; height: 30px; line-height: 30px;  display: block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;  }
ul.wzList li a h3:before{ position: absolute; display: block; content: ""; width: 5px; height: 5px; background: #899fc7; border-radius: 5px; left: 2px; top: 0; bottom: 0; margin: auto 0; }
ul.wzList.wid li .img{ width: 75px; height: 56px; padding: 0; }
ul.wzList.wid li .img img{ width: 75px; height: 56px; }
ul.wzList.wid li .fl h2{ font-size: 16px; color: #666; line-height: 22px; font-weight: normal; margin: 8px 0 4px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
ul.wzList.wid li .fl p{font-size: 13px; color: #999; line-height: 18px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
ul.wzList.wid li .tit{ width: 218px; }
ul.wzList.wid li .tit h2{ line-height: 22px; margin-top: 5px; }
ul.wzList li .num,.bbqm .num{ width: 24px; height: 24px; text-align: center; line-height: 24px; border: 1px solid #b4b4b4; color: #888; font-size: 16px; margin: 14px 15px 0; border-radius: 2px; }
.bbqm{ position: relative; }
.bbqm .num{ position: absolute; }
.bbqm:nth-child(1) .num,.bbqm:nth-child(2) .num{left: 0; top: 0; margin: 0; background: #5a9ddb; border-color: #5a9ddb; color: #fff; }

.wrapBox .bigBlock{ width: 370px; margin: 0 13px; position: relative;}
.wrapBox .bigBlock .inl a{ display: block; width: 176px; height: 170px;  background: #ebebeb; border-radius: 3px; overflow: hidden; }
.wrapBox .bigBlock .inl a img{ width: 176px; height: 132px; }
.wrapBox .bigBlock .inl a h2{ font-size: 16px; color: #666; line-height: 34px; font-weight: normal; padding:0 8px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.wrapBox .flex.bigBlock .inl:nth-child(1){ margin-right: 15px; }
.wrapBox .bigBlock ul.wid{ margin-top: 10px; }
.wrapBox .bigBlock ul.wid li{ /*width: 176px; display: inline-block; margin-right: 16px;*/}
.wrapBox .bigBlock ul.wid li h3{ text-overflow: clip; }
.wrapBox .bigBlock ul.wid li:nth-child(2n){ margin-right: 0; }
.wrapBox .flex.bigBlock .type_tab div.active,.bgName .type_tab div.active{ background: #5a9ddb;}
.wrapBox .flex.bigBlock .type_tab div.active:after,.bgName .type_tab div.active:after{border-color: #5a9ddb transparent transparent transparent;}
.wrapBox .flex:nth-child(3) .type_tab div.active{ background: #f8a052;}
.wrapBox .flex:nth-child(3) .type_tab div.active:after{border-color: #f8a052 transparent transparent transparent;}

.calendarBox,.jiri{position: relative; width: 290px; height:427px; background: #fff; border-radius: 4px; overflow: hidden; margin-top: 20px;}
.calendarBox{ background: none;}
.calendarBox .calendar{text-align: center;width: 290px;height: 237px;background: url(../images/calendarBg.png) no-repeat left top;background-size: 290px;border-bottom: 3px solid #ece1cf;border-radius: 20px;}
.calendarBox .calendar .date{ font-size: 20px; font-weight: bold; color: #f8efe2; line-height: 40px;  }
.calendarBox .calendar strong{display: block; font-size: 100px; line-height: 112px; color: #e16b6b; margin: 10px 0 0; font-family: "ËÎÌå"; }
.calendarBox .calendar .week{font-size: 20px; font-weight: bold; color: #e16b6b; }
.calendarBox .calendar .lunar{ font-size: 16px; color: #9f806b; line-height: 30px; }
.calendarBox .btns{position: absolute; top: 89px; width: 260px; padding: 0 15px;}
.calendarBox .btns i{display: block; width: 40px; height: 40px; cursor: pointer;}
.almanacBox{width: 290px;height: 177px;margin: 10px auto 0;background: #fff;border-radius: 8px;overflow: hidden;}
.almanacBox .flex{background: none; vertical-align: top; display: inline-block; padding: 0; width: 50%; height: 180px; border-right: 2px solid #efedf0; box-sizing: border-box; }
.almanacBox .flex:nth-child(2){border:none;position: relative;}
.almanacBox .head{ background: #e16b6b; height: 30px; text-align: center; padding: 3px 0; }
.almanacBox .head em{ display: block; margin: auto; width: 30px; height: 30px; border-radius: 30px; color: #fff; font-size: 16px; font-style: normal; line-height: 30px;}
.almanacBox .flex:nth-child(2) .head{ background: #898399; }
.almanacBox p{padding: 8px 10px 0; font-size: 15px; text-align: center; line-height: 27px; color: #555; display: -webkit-box; overflow: hidden;text-overflow: clip;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.almanacBox .flex:nth-child(2) p{-webkit-line-clamp: 2; text-overflow: clip;}
.almanacBox .flex a{margin-right: 14px;position: absolute;bottom: 15px;right: 0;}
.jiri{width:400px;margin:20px 10px 0;}
.jiri .inl{ vertical-align: top; }
.jiri .type,.jiri ul{ margin: 13px; /*width: 264px;*/ }
.jiri .type a{ display: inline-block;border-radius: 4px; font-size: 16px; box-sizing: border-box; margin: 3px; width: 87px; height: 35px; line-height: 35px; color: #716657; text-align: center; background: #fee2e6; border:1px solid #e8cace; }
.jiri .type a:nth-child(7),.jiri .type a:nth-child(8),.jiri .type a:nth-child(9),.jiri .type a:nth-child(10),.jiri .type a:nth-child(11),.jiri .type a:nth-child(12){ background: #ffecdc; border-color: #f1d8c4; }
.jiri .type a:hover{ text-decoration: underline; opacity: .9; }
.jiri ul li h3{position: relative; font-size: 16px; color: #555; font-weight: normal; padding-left:18px; height: 30px; line-height: 30px;  display: block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;  }
.jiri ul li h3:before{ position: absolute; display: block; content: ""; width: 5px; height: 5px; background: #899fc7; border-radius: 5px; left: 5px; top: 0; bottom: 0; margin: auto 0; }
.jiri ul.wzList li .fr{ width: 262px; }
.jiri .moreBlock{margin-right: 15px; margin-top: 0;}
.jiri img{ width: 110px; height: 427px; border-radius: 6px; }
.dszr{ border-radius: 4px; overflow: hidden; }
.sy_bjx{width: 380px; height: 508px; padding: 10px 10px 0; background: #fff; border-radius: 4px; vertical-align: top; margin:0 10px; }
.sy_bjx h2,.toolsBox h2{ font-size: 22px; text-align: center;margin: 4px 8px 8px;}
.sy_bjx .bjxItem a,.xsdq .bjxItem a{display: inline-block; /*width: 35px;*/ padding: 0 13px; height: 35px; line-height: 35px; text-align: center; font-size: 18px; color: #535d65; background: #ebeae9; border-radius: 5px; margin: 5px;}
.sy_bjx .bjxItem a:hover{ background: #e5ebf1; color: #333; text-decoration: underline;}
.wrapBox .bgName{width: 266px; background: #fff; border-radius: 5px; }
.qmBox{ width: 290px; height: 518px; margin-left: 0px; background:linear-gradient(to bottom, rgb(150,206,208) 0%,rgb(214,236,237) 60%,rgb(255,255,255) 100%); }
.qmBox.sy_tool .formBox{ width: 260px; background: none; padding-top: 57px; background: url(../images/qm_gsqm.png) no-repeat center -3px; background-size: 114%; border-radius: 0; }
.qmBox.sy_tool .formBox form{ background: rgba(255,255,255,.29); border-radius: 7px; padding: 8px 0 17px; }
.qmBox.sy_tool .formBox .inpBox{ width: 240px; margin: 7px auto; border: none; background: #fff; }
.qmBox.sy_tool .formBox .inpBox select{ width: 145px; }
.qmBox.sy_tool .formBox .inpBox.long{ width:500px;}
.qmBox.sy_tool .formBox .qm_btn{ width: 230px; background: #7dc0c4; }
.qmBox.sy_tool .cmBtn{cursor: pointer;position: relative;width: 60%;margin: 20px auto 0;background: none;/* border: 1px solid #9ec9f5; */border-radius: 5px;color: #ffffff;text-align: center;height: 42px;line-height: 42px;font-size: 18px;box-sizing: border-box;background: #9ec9f5;}
.qmBox.sy_tool .cmBtn::after{position: absolute;content: "";display: block;width:0;height:0;border-top: 7px solid transparent;border-left: 8px solid #ffffff;border-bottom: 7px solid transparent;right: 24px;top: 14px;}
.qmBox .quickLink{ text-align: center; padding-top: 8px; }
.qmBox .quickLink a{ display: inline-block; margin: 4px; background: #fff; color: #60c7a8; font-size: 15px; text-align: center; line-height: 1; padding: 6px 12px; border-radius: 3px; border: 1px solid #60c7a8; height: auto; width: auto; font-weight: normal;}
.qmBox .quickLink a:nth-child(2),.qmBox .quickLink a:nth-child(6),.qmBox .quickLink a:nth-child(10){ /*background: #fff2f3;*/ color: #fe7581; border-color: #ff91a6; }
.qmBox .quickLink a:nth-child(3),.qmBox .quickLink a:nth-child(7),.qmBox .quickLink a:nth-child(11){ /*background: #fffbe8;*/ color: #ffb94f; border-color: #ffc84f; }
.qmBox .quickLink a:nth-child(4),.qmBox .quickLink a:nth-child(8){ /*background: #eefaff;*/ color: #58c9fe; border-color: #58c9fe; }
.qmBox .quickLink a:hover{ text-decoration: underline; }
.bg1{ background:linear-gradient(to bottom, rgb(165,205,248) 0%,rgb(214,235,255) 50%,rgb(255,255,255) 100%);}
.gscm{ background-image: url(../images/qm_gscm.png) !important; min-height: 270px !important; }
.gscm form{ padding: 15px 0 20px !important; margin: 8px 0; }
.gscm .inpBox{ padding-left: 0 !important; margin-bottom: 0 !important;}
.gscm .inpBox input{ width: 240px !important; padding-left: 0 !important; text-align: center; }
.gscm .qm_btn{ background: #6ab1ff !important; }
.gscm .cmBtn{ margin-top: 30px !important; }
.shengxiao{ width: 700px; display: inline-block; }
.shengxiao em{cursor: pointer; font-size: 30px; font-style: normal; display: inline-block; margin: 5px; width: 62px; height: 60px; /*background: #faddd4; color: #c77e7c;*/background: #ffe8d2; color: #bfa181; text-align: center; line-height: 60px; border-radius: 5px; }
.shengxiao em.active{ background: #ef6565; color: #fff; }
.shengxiao .bigBlock{ padding-right: 0px; padding-left: 0; width: 340px; }
.shengxiao .flex:last-child{ width: 300px; }
.shengxiao .flex:last-child .wzList{ width: 287px; margin: 18px auto 0; }
.shengxiao .flex:last-child .wzList li .fr{ width: 178px; }
.shengxiao .bigBlock ul li .fr{ width: 228px; }
.shengxiao .bigBlock ul li:nth-child(1){ margin:0 0 10px 0; }
.shengxiao .flex:last-child .type_tab div.active{ background: #f96d6d; }

.toolsBox{ border-radius: 4px; margin-left: 10px; margin-top: 20px; height:485px; padding: 20px 2px 20px 7px; width: 280px;}
.toolsBox a{font-size: 14px; color: #666;display: inline-block;margin: 7px 5px;/*height: 70px;*/}
.toolsBox img{width: 59px;height: 59px;border-radius: 8px;margin-bottom: 5px;}

.noWz{ font-size:16px; text-align:center; color:#cbcbcb; padding-top:135px;}
.aside{ float:none; margin-left: -3px;}