.bor {
    height: 62px;
}

.colore{
    color: #0082fc !important;
}

.pro-info-p {
    font-size: 16px;
    margin: 0;
    color: #333;
    font-weight: 600;
    padding-right: 100px;
    display: inline-block;
}

.panel {
    position: fixed;
    top: 61px;
    left: 0;
    width: 280px;
    height: 100%;
    border-color: #d0d0d0;
    background-color: #F7F9FD;
}

.help_site {
    padding: 24px 0 6px 30px;
}

.help_site .help_name {
    font-size: 20px;
    color: #0082fc;
    text-decoration: none;
}


.help_cata {}
.panel_list{
    position: relative;
    height: 80%;
    overflow: hidden;
}
.panel_list .list{
    position: absolute;
}

.panel_list ul li {
    width: 278px;
    /* height: 40px; */
}

.panel_list ul li a {
    display: block;
    padding: 10px 0 10px 25px;
    text-decoration:none;
}
.panel_list ul li a:hover{
    /* background-color: #d8e9fd; */
    background-color: #ebf2fe;
    /* 选中的颜色 */
    /* background-color: #d9e8fb; */
}
.panel_list ul li a.selct{
    background-color: #d9e8fb;
    color: #1C85E7;
}
.panel_list ul li a:hover i{
    background-image: url(../images/rigth1.png);
}
.panel_list ul li a i.ico{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: sub;
    background-image: url(../images/rigth.png);
    background-size: 16px;
}
.panel_list ul li a i.icos{
    background-image: url(../images/buttom1.png);
}
.panel_list ul li .chiild{
    display: none;
}
.panel_list ul li .chiild i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../images/dian.png);
    background-size: 16px;
    margin-left: 16px;
}
.panel_list ul li .chiild a.bask{
    background-color: #d9e8fb;
    color: #1C85E7;
}
.panel_list ul li .chiild a:hover i{
    background-image: url(../images/dian1.png);
}
.content {
    margin-left: 320px;
}

.content .con_left {
    /* width: 750px; */
    /* margin-left: 30px;  */
}

.content .wlbanner {
    margin-top: 40px;
    padding: 15px;
    box-shadow: 2px 0 5px #ccc;
}

.wlbanner h2 {
    display: block;
    font-size: 23px;
    color: #334356;
}

.wlbanner p {
    padding-top: 12px;
    font-size: 14px;
    line-height: 18px;
    color: #617288;
    max-width: 570px;
    min-width: 430px;
}

.wlbanner .rl img {
    width: 100%;
    height: 137px;
}

.content .shouye_left {
    margin-top: 30px;
}

.content .shouye_left p {
    font-size: 17px;
    color: #334356;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 3px;
}

.content .shouye_left span {
    font-size: 14px;
    color: #B3C1D3;
    line-height: 20px;
}

.first {
    margin-top: 30px;
}

.learn_path_box .box_title {
    margin-left: 34px;
    border-bottom: 1px solid #ECF0F5;
    font-size: 17px;
    color: #334356;
    line-height: 24px;
    position: relative;
}

.learn_path_box .box_con {
    margin-left: 10px;
    padding-top: 8px;
    padding-bottom: 50px;
    border-left: 1px solid #D2DBE7;
}

.learn_path_box .box_con ul li {
    font-size: 14px;
    color: #1C85E7;
    line-height: 20px;
    padding-left: 35px;
    padding-top: 12px;
    display: inline-block;
    width: 30%;
}

.learn_path_box .box_con ul li a {
    font-size: 14px;
    color: #1C85E7;
}

.con_rigth {
    padding-left: 40px;
    margin-top: 40px;
}

.con_rigth .mobile {
    padding: 11px 0 11px 30px;
    border: 1px solid #E9EDF1;
    border-radius: 2px;
    overflow: hidden;
}

.con_rigth .mobile .app_img {
    float: left;
    height: 80px;
    width: 80px;
}

.con_rigth .mobile .scanning {
    padding: 19px 0 0 15px;
    float: left;
    height: 60px;
}

.con_rigth .mobile p.bold {
    font-size: 14px;
    color: #334356;
    font-weight: 600;
}

.myjihua {
    text-align: center;
    background: #F5F7FA;
    border-radius: 2px;
    margin-top: 16px;
    margin-bottom: 15px;
    padding: 10px 15px 14px 15px;
    border: 1px solid #E9EDF1;
}

.myjihua .jhtil {
    text-align: center;
    font-size: 17px;
    padding-top: 4px;
    padding-bottom: 2px;
    line-height: 24px;
    font-weight: 600;
    color: #334356;
}

.myjihua .participate {
    font-size: 12px;
    color: #617288;
}

.number {
    text-align: center;
    margin-top: 20px;
}

.ad_task .tbtn {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 16px;
}

.number .people {
    padding-right: 32px;
    border-right: 1px solid #D2DBE7;
}

.number .articles {
    padding-left: 25px;
}

.bigger {
    font-size: 20px;
    color: #334356;
    line-height: 28px;
}

.smaller {
    font-size: 12px;
    color: #617288;
    line-height: 16px;
}

.bigger {
    font-size: 20px;
    color: #334356;
    line-height: 28px;
}

.smaller {
    font-size: 12px;
    color: #617288;
    line-height: 16px;
}

.ad_task .tbtn a.cjzs {
    background-image: linear-gradient(180deg, #37D089 0%, #22BB6F 100%);
    box-shadow: 0 2px 0 0 #21AC66;
}

.ad_task .tbtn a {
    display: inline-block;
    background: #fff;
    font-size: 12px;
    color: #fff;
    padding: 4px 16px;
    border-radius: 12px;
}

.ad_task .tbtn a.rlrw {
    background-image: linear-gradient(180deg, #4FC0FF 0%, #2AA5ED 100%);
    box-shadow: 0 2px 0 0 #1898E1;
}

.shouye_left3_left {
    background: #F7F9FD;
    border-radius: 2px;
    margin-bottom: 16px;
    padding: 10px 10px 15px 32px;
    border: 1px solid #E9EDF1;
}

.title5 {
    position: relative;
}

.title5 img {
    position: absolute;
    top: 2px;
    left: -20px;
    cursor: pointer;
}

.title5 span {
    position: relative;
    color: #334356;
}

.title5 a {
    float: right;
    color: #1C85E7;
    font-size: 12px;
}

.wendang {
    width: 100%;
}

.wendang li a {
    display: block;
    font-size: 14px;
    color: #1C85E7;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12px 0 0 0;
    white-space: nowrap;
}