@charset "utf-8";
/* html,
body {
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
} */
body {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #000;
  /* background-color: #efeff4; */
  -webkit-overflow-scrolling: touch;
}
a,
button,
input,
select,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a,
u {
  text-decoration: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-appearance: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  /* touch-action: none; */
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
em,
img,
q,
s,
b,
i,
u,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
canvas,
footer,
header,
nav,
output,
section,
summary,
time,
mark,
audio,
video,
button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}
ol,
ul {
  list-style: none;
}
textarea,
input {
  display: block;
  padding-top: 0.1rem;
  padding-left: 0;
  height: 1.7rem;
  vertical-align: middle;
  font-size: 0.7rem;
  line-height: 0.8rem;
  border: 0;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  font-family: inherit;
  outline-offset: 0;
  outline-style: none;
  background-image: none;
}
textarea,
[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"] {
  margin: 0;
  padding: 0;
  -webkit-user-select: text;
}
input::-webkit-input-placeholder{
  color: #999999;
}
body{ background: url(/zt/youhui/img/1111bg.png) !important;
    background-position: top center;
    background-size: cover;}

/* 头部 */
.head{display: -webkit-flex;justify-content: space-between;align-items: center;line-height: initial;overflow: initial;background-color: #fff;height: 3rem;padding-right: 0.5rem;padding-left: 0.5rem;position: fixed;z-index: 10;right: 0;left: 0;top: 0;}
.tubiao{width: 6rem;height: 2rem;}
.tubiao img{width: 100%;height: 95%;display: block;}
.login{font-size: 0.6rem;color: #333;padding: .2rem;}

.navbody{max-width:1024px;margin:3rem auto 1.3rem;overflow: hidden;}
.head_topl{width: 100%;height: 16rem;background: url(/zt/youhui/img/heardnz618.png)no-repeat;
    background-size: 100% 100%;
position: relative; margin-bottom: 12rem;
}
.head_pora{position: absolute;top: 9.6rem;width: 100%;}
.head_topl p{text-align: center;font-size: 0.8rem;color: #FFF300;}

.head_hit{margin: 2.3rem 4% 1rem 4%;padding:0.4rem 3% 0.6rem 3%;background-image: linear-gradient(to right, #F98F05,#FCCF7F); border-radius: 10px;}
.head_hit img{display: block;margin-bottom: 0.6rem; width: 100%;}
.head_hit img:nth-child(3){margin-bottom: 0;}

.cdjbox {
    width: 94%;
    margin: 1.2rem auto;
    overflow: hidden;
    background: url(/zt/youhui/img/cdj_bg.png)no-repeat center top;
    background-size: 100% 100%;
}
.cdjbox>span,.gkshl_title,.cdjbotwo .cdjtotit{
    display: block;
    width: 70%;
    overflow: hidden;
    margin: 8px auto;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
}

.cdjbox .jpdec {
    width: 90%;
    margin: 3.2rem auto 0.6rem;
    overflow: hidden;
    padding:0 4%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cdjbox .jpdec li {
    width: 47%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
}

.cdjbox .jpdec li img {
    display: block;
    width: 100%;
}

.cdjbotwo{width: 94%;
    margin: 0 auto;
    overflow: hidden;
    background: url(/zt/youhui/img/shl_bg.png)no-repeat center top;
    background-size: 100% 100%;}
.cdjbotwo ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 2.8rem 9% 0 9%;}
.cdjbotwo ul li{width: 47%;margin-bottom: 0.8rem;}
.cdjbotwo ul li img{display: block;width: 100%;}

.lqgzdec{display: flex;justify-content: space-between;align-items: center;padding: 0.2rem 3% 0.4rem 3%;background-color: #DDCFEA;border-radius: 10px;margin: 0 9% 1.5rem 9%;}
.lqgzdec img{width: 1.8rem;height: 1.8rem;margin-right: 3%;}
.lqgzdec div{flex: 1;}
.lqgzdec div p{color: #8701D4;font-size: 0.5rem;line-height: 1.1rem;}
.lqgzdec div p span{width: 28%;
    background: linear-gradient(0deg, #FF7200, #FFD132);
    box-shadow: 0px 3px 0px 0px #ff8f8f;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    line-height: 1rem;
    color: #572700;
    font-size: 0.5rem;
    cursor: pointer;position: relative;top: 0.2rem;}


.limiquer{width: 94%;padding: 1rem 4% 0.8rem 4%; background: url('https://m.fzyzx.cn/zt/youhui/img/lastk.png')no-repeat;background-size: 100% 100%;box-sizing: border-box;margin: 0.6rem 3% 1.2rem 3%;}
.yhyrefeuls{display: flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;}
.yhyrefeuls li{width: 48%; padding: 0.26rem;box-sizing: border-box;background-color: #fff;border-radius: 0.1rem;margin-bottom: 0.4rem;}
.yhyrefeuls li img{display: block;width: 100%;margin-bottom: 0.2rem;}
.yhyrefeuls li h3{font-size: 0.46rem;color: #333;font-weight: bold;line-height: 1rem;height: 2rem;}
.yhyrefeuls li p{font-size: 0.46rem;color: #FF0000;font-weight: bold;line-height: 1rem;}
.yhyrefeuls li p span{font-size: 0.7rem;}
.yhyrefethod{display: block;width: 100%;height: 1.5rem;line-height: 1.3rem;text-align: center;color: #fff;font-size: 0.46rem;background: url("../img/xgban-imghd11.png")no-repeat;background-size: 100% 100%;margin: 0.4rem 0;}
    
/* 标题 */
.yhq_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    overflow: hidden;
    height: 2rem;
    padding: 0 3%;
}

.yhq_title p {
    line-height: 2rem;
    position: relative;
    top: -2.2rem;
    font-weight: bold;
    font-size: 0.75rem;
    text-align: center;
    left: 2%;
    color: #FFFFFF;
}

.yhq_title img {
    width: 75%;
    height: 1.7rem;
}

.hot_mutela img{display: block;width: 100%;}
.hot_mutela{margin: 0.5rem 3% 1.2rem 3%;}


/* 书课搭配 备考更轻松 */
.shuke{width: 100%;margin: 0 auto;overflow: hidden;}
.shuke .skul{width: 100%;margin: 0 auto;overflow: hidden;}
.shuke .skul li{width: 100%;margin: 0px auto;overflow: hidden;animation:mymove 5s infinite;animation-timing-function:linear;-webkit-animation:mymove 5s infinite;-webkit-animation-timing-function:linear;}
.shuke .skul li img{width: 95%;margin-left: 2.5%;}
.shuke .arr{width: 100%;position: relative;overflow: hidden;top:-330px;}
.shuke .arr span:first-child{float: left;margin-left: 10px;}
.shuke .arr span:last-child{float: right;margin-right: 10px;}
/* 为什么他们都选择信管网 */
.telly{width: 100%;margin: 0 auto;overflow: hidden;background: #FFFFFF;}
.telly img{width: 100%;}
.whyxgw{width: 100%;margin: 0px auto;overflow: hidden;}
.leftnav{position: fixed;top: 60%;right: 6px;width: 45px;overflow: hidden;}
.lefttop{width: 100%;}
.lefttop li{height: 45px;background-color: #fc5c39;border-radius: 50%;text-align: center;padding-top: 4px;margin-top: 10px;color: #FFFFFF;font-size: .8rem;border: 1px solid #000000;}
.qq{line-height: 44px;}

.xbulbox{width: 94%;margin: 10px auto 20px;overflow: hidden;border-radius: 8px;padding: 15px 10px 10px 10px;font-size: .9rem;background: url(https://m.fzyzx.cn/zt/youhui/img/lastk.png)no-repeat;
  background-size: 100% 100%;}
.xbulbox li{width: 100%;margin: 0 auto 15px;overflow: hidden;}
.xbulbox li:last-child{margin-bottom: 5px;}
.xbulbox li>div:first-child{width: 30%;float: left;overflow: hidden;}
.xbulbox li>div:first-child img{width: 100%;}
.xbulbox li>div:last-child{width: 67%;float: right;overflow: hidden;}
.xbulbox li>div:last-child>p:first-child{width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-top: 4px;font-weight: bold;font-size: .75rem;margin: 0 auto 6px;}
.xbulbox li>div:last-child>p:first-child em{color: #FF0000;}
.xbulbox li>div:last-child>p:last-child{width: 100%;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #666666;line-height: 22px;font-size: 0.7rem;}

.leftnav .leftdec{width: 100%;margin: 0 auto;overflow: hidden;}
.leftnav .leftdec a{display: block;overflow: hidden;text-align: center;width: 100%;margin: 0 auto 8px;}
.leftnav .leftdec a img{width: 100%;}

.yhqtk,.lqgztk{display: none;background-color: rgba(0,0,0,0.7);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;}
.yhqtkbox{top: 8%;left: 7%;width: 86%;margin: auto;position: absolute;display: block;background: #fff;border-radius: 8px;font-size: 0.75rem;}
.yhqtk .yhqtkbox .close,.lqgzclose{width: 95%;margin: 0 auto;font-size: 1.6rem;text-align: right;height: 30px;line-height: 35px;color: #999999;overflow: hidden;}
.yhqtkbox p:nth-child(2){width: 100%;margin: 0 auto;text-align: center;}
.yhqtk .yhqtkbox ul{width: 90%;margin: 20px auto 10px;text-align: center;overflow: hidden;}
.yhqtk .yhqtkbox ul li{background: #eeeff1;height: 28px;line-height: 28px;width: 96%;margin: 0 auto 10px;overflow: hidden;color: #635d5d;}
.yhqtk .yhqtkbox ul .lisel{position: relative;background: #ffe9ed;color: #e31436;}
.yhqtk .yhjform{width: 86%;margin: 0 auto;overflow: hidden;}
.yhqtk .yhjform .yhjform-item{display: flex;position: relative;line-height: 36px;margin-bottom: 15px;}
.yhqtk .yhjform .yhjform-item .yhjform-label{width: 25%;}
.yhqtk .yhjform .yhjform-item .form-input{padding: 0 10px;outline: none;border-radius: 4px;border: 1px solid #d4d4d4;flex: 1;font-size: 14px;}
.yhqtk .yhjform .yhjform-item .btn-code{display: inline-block;border: 1px solid #e31436;border-radius: 4px;margin-left: 5px;color: #e31436;height: 29px;line-height: 28px;position: relative;top: 1px;width: 29%;text-align: center;}
.yhqtk .yhqbtn,.lqgzbtn{width: 40%;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;background-image: linear-gradient(to right, #e068f9, #aa56e9);font-size: 14px;color: #ffffff;margin: 0px auto 20px;cursor: pointer;display: block;}
.lqgztk .yhqtkbox .text{text-align: left;padding: 0.5rem 0.6rem;background: #f6f2ff;width: 90%;margin: 2px auto 15px;line-height: 24px;height: 350px;overflow: scroll;font-size: 14px;}
.lqgztk .yhqtkbox .text p{text-align: left;}
.hdtime{width: 90%;color: #ef2450;margin: 10px auto 0px;overflow: hidden;font-size: 14px;}

