@charset "UTF-8";
@import url(base.css);

body{background-color :#9f0408}

section.wrap, header.wrap, footer.wrap{min-width :1400px}

.lidun-box{width :1400px}

.st-text{margin-top :-180px;position :relative;z-index :1}

.st-text p{background-color :#84070c;border-radius :10px 10px 0 0;font-size :18px;line-height :30px;color :#fff;padding :22px;border-bottom :18px solid #660206;position :relative}

.st-text p:before, .st-text p:after{content :"";width :0;height :0;border-style :solid;border-width :0 0 18px 28px;border-color :transparent transparent #9f0408 transparent;position :absolute;right :0;bottom :-18px;z-index :1}

.st-text p:before{border-width :18px 0 0 28px;left :0;right :auto;border-color :transparent transparent transparent #9f0408;}

.st-text .ps{font-size :14px;color :#fff;line-height :24px;margin :39px 0 41px}

.common-header{display :flex;justify-content :center;text-align :center}

.common-header .title{font-size :38px;line-height :1;font-weight :bold;color :#fcf5c4;padding-bottom :22px;position :relative}

.common-header .title:after{content :"";width :130px;height :6px;border-radius :3px;background-color :#fcf5c4;position :absolute;bottom :0;left :50%;margin-left :-65px}

.common-header em{text-transform :uppercase;font-size :18px;line-height :30px;color :rgba(252, 245, 196, .5);font-weight :bold;padding :11px 0 38px;display :block}

.lists{display :flex;flex-wrap :wrap}

.lists .item{flex :0 0 20%;overflow :hidden;padding :0 15px;margin-bottom :30px}

.lists .inner{border-radius :10px;overflow :hidden;position :relative;}

.lists .thumb-box{position :relative;background :url("images/i-box-2.png") no-repeat left top;padding:10px;height:194px}

.lists .thumb{height :170px;position :relative;border-radius :4px 0 4px 4px;overflow :hidden;background-size:cover;background-repeat:no-repeat;background-position:center}

.lists .thumb-box .reason-handle{position :absolute;display :block;width :60px;line-height :22px;background-color :#790508;color :#fcf5c4;font-size :12px;text-align :center;top :9px;right :20px;z-index :1;transition :all 0s}

.lists .thumb-box .reason-handle:before, .lists .thumb-box .reason-handle:after{content :"";position :absolute;left :-10px;top :0;width :0;height :0;border-style :solid;border-width :0 0 22px 10px;border-color :transparent transparent #790508 transparent;}

.lists .thumb-box .reason-handle:after{border-width :22px 10px 0 0;border-color :#790508 transparent transparent transparent;left :auto;right :-10px}

.lists .thumb-box .reason-handle:hover{background-color :#f9facc;color :#9f0408}

.lists .thumb-box .reason-handle:hover:before{border-color :transparent transparent #f9facc transparent;}

.lists .thumb-box .reason-handle:hover:after{border-color :#f9facc transparent transparent transparent;}

.lists .cons{position:relative;z-index:1}

.lists .cons .title-box{padding-right :25px}

.lists .cons .title-box .title{background-color :#f9facc;text-align :center;font-size :16px;line-height :24px;padding :6px 0;position :relative}

.lists .cons .title-box .title:after{content :"";width :0;height :0;border-style :solid;border-width :36px 0 0 25px;border-color :transparent transparent transparent #f9facc;position :absolute;right :-25px;top :0}

.lists .cons .plus{padding:0 11px;background-color :#f9facc;font-size :13px;line-height :20px;color :#000;text-align :center}
.lists .cons .plus .award{line-height:20px;font-size:14px;color:#9f0408;padding:15px 5px 17px;border-top:1px dashed #f0e1b8;height:73px}
.lists .cons .plus .company{border-top :1px dashed #e5e6bc;padding:6px 0 3px}
.lists .cons .plus .job-title{padding-bottom:10px}

.lists .cons .plus .ctitle{font-size:16px;line-height:22px;color:#000;padding:9px 0 8px;height:61px}
.lists .cons .plus .cname{font-size:12px;line-height:16px;color:#333;padding:8px 19px 8px;height:48px}
.lists .reason{position :absolute;bottom :0;left :0;right :0;font-size :12px;line-height :16px;color :#444;padding :0;background-color :#f9facc;height :0px;overflow :hidden;transition :height .3s;z-index:9}

.lists .reason.open{height :200px;padding :10px;transition :height .3s;}

.st-sdrw .lists .cons .plus .job-title{height:34px}
.st-sdrw .lists .thumb-box, .st-rw .lists .thumb-box{background-image:url("images/i-box.png");height:207px}
.st-sdrw .lists .cons,.st-rw .lists .cons{margin-top:-36px;}
.st-rw .lists .plus .award{border-top:0;margin-top:-10px}
section[class*="st"]{margin-bottom:50px}
.body-m section.wrap, .body-m header.wrap, .body-m footer.wrap{min-width :320px;max-width:640px;margin:0 auto}
.body-m .lidun-box{width :100%}
.body-m .st-text{margin-top:-.34rem!important;}.body-m .st-text .cons{padding:0 .35rem}.body-m .st-text p{font-size:.13rem;line-height:.18rem;border-bottom-width:.08rem;padding:.19rem;border-radius:.1rem .1rem 0 0}
.body-m .st-text p:before{border-width:.08rem 0 0 .12rem;bottom:-.08rem}.body-m .st-text p:after{border-width:0 0 .08rem .12rem;bottom:-.08rem}
.body-m .st-text .ps{font-size:.12rem;line-height:.3rem;text-align:right;padding:0 .35rem;margin:.2rem 0 .3rem}
.body-m .common-header .title{font-size:.26rem;padding-bottom:.17rem}
.body-m .common-header .title:after{width:1rem;height:.03rem;border-radius:.01rem;margin-left:-.5rem}
.body-m .common-header em{font-size:.13rem;line-height:.22rem;padding:.08rem 0 .15rem}
.body-m .lists{padding:.1rem}
.body-m .lists .item{flex:0 0 50%;padding:0 .3rem;margin-bottom:.3rem}
.body-m .lists .inner{border-radius:.1rem}
.body-m .lists .thumb-box{background-image:url("images/m-i-box.png");height:2.07rem;width:2.5rem;background-size:2.5rem 2.07rem;padding:.1rem}
.body-m .lists .thumb{height:1.7rem;border-radius:.04rem 0 .04rem .04rem;background-size:100%}
.body-m .lists .reason-handle{display:none}
.body-m .lists .cons .title-box{padding-right:.25rem}
.body-m .lists .cons .title-box .title{font-size:.16rem;line-height:.24rem;padding:.06rem 0}
.body-m .lists .cons .title-box .title:after{border-width:.36rem 0 0 .25rem;right:-.25rem}
.body-m .lists .cons .plus{font-size:.13rem;line-height:.2rem;padding:0 .1rem}
.body-m .lists .cons .plus .company{padding:.06rem .26rem .04rem;height:calc(.2rem * 2 + .06rem + .04rem)}
.body-m .lists .cons .plus .job-title{padding-bottom:.12rem}
.body-m .lists .cons .plus .ctitle{font-size:.16rem;line-height:.22rem;padding:.09rem 0 .08rem;height:calc(.22rem * 2 + .09rem + .08rem)}
.body-m .lists .cons .plus .award{font-size:.14rem;line-height:.2rem;padding:.15rem .09rem .17rem;height:calc(.2rem * 2 + .15rem + .17rem)}
.body-m .st-rw .lists .plus .award{margin-top:-.1rem}
.body-m .lists .cons .plus .cname{font-size:.12rem;line-height:.16rem;padding:.08rem .19rem .08rem;height:calc(.16rem * 2 + .08rem + .08rem)}
.body-m .st-sdrw .lists .cons,.body-m .st-rw .lists .cons{margin-top:-.38rem}
.body-m .st-sdrw .lists .cons .plus .job-title{height:calc(.4rem + .12rem)}
.body-m section[class*="st"]{margin-bottom:.2rem}
.st-minbtn{margin:.32rem 0 .44rem;position:relative;z-index:9}.st-minbtn .nav-wrap{overflow:hidden;position:relative;height:.5rem;z-index:9}.st-minbtn .nav-wrap nav{display:flex;background-color:#84070c;font-size:.18rem;color:#fcf5c4;line-height:.5rem;padding-bottom:.2rem;overflow-x:auto;padding-right:2em}.st-minbtn .nav-wrap nav a{color:#fcf5c4;text-align:center;position:relative;padding:0 .22rem;white-space:nowrap}.st-minbtn .nav-wrap:after{content:'\e61a';font-family:'iconfont';font-size:.18rem;position:absolute;right:0;top:0;padding:0 .1rem;transform:rotateZ(0deg);font-weight:bold;height:.5rem;line-height:.5rem;color:#fcf5c4;background-color:#84070c}.st-minbtn .nav-wrap nav a:not(:last-child):after{content:'';width:1px;background-color:#fcf5c4;position:absolute;right:0;top:.12rem;bottom:.12rem}