/************************************  Learnarticle ******************************************/
#Learnarticle
{
    padding-bottom: 120px;
}
.current-page-container
{
    max-width: 976px;
    margin: 0 auto;
    margin-top: 64px;
}
#current-page-post-num
{
    color: #1f1f1f;
    font-weight: bold;
    font-size: 16px;
    margin-left: 0;
}
.current-page-container .current-page-body
{
    color: #666;
    font-weight: bold;
    font-size: 16px;
    margin-left: -4px;
}
#Learnarticle .container-wrap
{
    position: relative;
}
#Learnarticle .mb-arrow-down
{
    display: none;
}
#Learnarticle .breadcrumbs
{
    padding-top: 10px;
    padding-bottom: 5px;
    overflow: hidden;
    font-size: 11px;
    position: absolute;
    z-index: 1;
    width: 100%;
}
#Learnarticle .breadcrumbs li
{
    float: left;
    margin-right: 10px;
}
#Learnarticle .breadcrumbs li a
{
    display: inline-block;
    padding-left: 14px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-image: url(/png/jpu4t4y4.png);
    color: #404040;
}
#Learnarticle .breadcrumbs li a:hover
{
    color: #1f1f1f;
}
#Learnarticle .header
{
    padding-top: 80px;
}
#Learnarticle .header:after
{
    content: "";
    height: 0;
    display: block;
    overflow: hidden;
    clear: both;
}
#Learnarticle header.header .title-block
{
    margin: 0;
    padding-bottom: 24px;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #acacac;
}
#Learnarticle header.header .title-block .header1
{
    font-size: 30px;
}
#Learnarticle .header h2
{
    display: inline-block;
    border-bottom: 1px solid #bfb6b6;
    padding-bottom: 3px;
    margin-bottom: 5px;
}
#Learnarticle .video-list-thumb
{
    max-width: 320px;
}/* moreinfo */
#Learnarticle header.header .moreinfo
{
    margin-top: 4px;
    float: right;
}
#Learnarticle header.header .moreinfo li
{
    margin-bottom: 10px;
}
#Learnarticle header.header .moreinfo a
{
    display: inline-block;
    height: 45px;
    margin-left: 28px;
    margin-right: 11px;
    background: url(/png/9w1wmqjr.png) repeat-x;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    color: #0041c0;
}
#Learnarticle header.header .moreinfo a:after, #Learnarticle header.header .moreinfo a:before
{
    content: "";
    display: inline-block;
    height: 45px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
#Learnarticle header.header .moreinfo a:before
{
    margin-left: -28px;
    width: 28px;
    background-image: url(/png/e39gevng.png);
}
#Learnarticle header.header .moreinfo a:after
{
    margin-right: -11px;
    width: 11px;
    background-image: url(/png/1z7v8o0f.png);
}
#Learnarticle header.header .moreinfo a span
{
    display: inline-block;
    vertical-align: middle;
    max-width: 190px;
}/* header-bnr */
#Learnarticle header.header .header-bnr
{
    margin-top: 4px;
    float: right;
}/* lowerButton */
#Learnarticle header.header .moreinfoLow
{
    width: 518px;
    margin: 0 auto;
    padding-bottom: 20px;
    clear: both;
}
#Learnarticle header.header .moreinfoLow ul
{
    font-size: 0;
    text-align: center;
}
#Learnarticle header.header .moreinfoLow li
{
    display: inline-block;
    width: 249px;
}
#Learnarticle header.header .moreinfoLow li+li
{
    margin-left: 20px;
}
#Learnarticle header.header .moreinfoLow li a
{
    position: relative;
    display: block;
    height: 54px;
    padding: 0 10px;
    text-align: center;
    background-color: #434343;
    border-radius: 3px;
    -pie-border-radius: 3px;
}
#Learnarticle header.header .moreinfoLow li a:before
{
    content: "";
    display: inline-block;
    height: 54px;
    vertical-align: middle;
}
#Learnarticle header.header .moreinfoLow li a span
{
    display: inline-block;
    font-family: 'Open Sans Condensed','Arial',sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    vertical-align: middle;
}/* nav
  -----------------------------------------*/
#Learnarticle .nav:after
{
    display: block;
    content: "";
    height: 1px;/*background: transparent url(../images/bg-top-gradient02-after.png) repeat-x left top;*/
}
#Learnarticle .nav h4
{
    display: none;
}
#Learnarticle .nav .video-list-select
{
    display: none;
}
#Learnarticle .nav h4 a
{
    color: #000;
}
#Learnarticle .nav ul
{
    margin: 0 auto;
    max-width: 976px;
    margin-top: 40px;
    display: flex;
    align-items: center;
}
#Learnarticle .nav ul:after
{
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}/*修改的部分*/
#Learnarticle .nav li
{
    float: left;
    text-align: center;
    margin-right: 16px;
}
#Learnarticle .nav li a, #Learnarticle .nav li>span
{
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
}
.container-wrap #searchPaging
{
    margin-top: 88px;
}
#Learnarticle .nav li a>span, #Learnarticle .nav li>span>span
{
    display: inline-block;
    padding: 4px 10px;
}
#Learnarticle .nav li a:link
{
    color: #000;
}
#Learnarticle .nav li a:visited
{
    color: #000;
}
#Learnarticle .nav li a
{
    color: #333;
    background: #fff;
    border: 1px solid #333;
    border-radius: 17px;
}
#Learnarticle .nav li a:hover, #Learnarticle .nav li a.current
{
    color: #fff;
    background: #0041c0;
    border: 1px solid #0041c0;
}
#Learnarticle .nav li.type
{
    font-size: 16px;
    font-weight: bold;
    margin-right: 24px;
}
#Learnarticle .nav li a:active
{
    color: #fff;
}/* mostmenu
  -----------------------------------------*/
#Learnarticle .menucontainer
{
    position: relative;
    width: 976px;
    margin: 0 auto;
}
#Learnarticle .mostmenu
{
    position: absolute;
    z-index: 777;
    top: 10px;
    right: 0;
    display: block;
    cursor: pointer;
}
#Learnarticle .mostmenu a
{
    color: #000;
}
#Learnarticle .mostmenu a:hover, #Learnarticle .mostmenu:hover h4 a
{
    color: #0041c0;
}
#Learnarticle .mostmenu h4:after
{
    display: inline-block;
    content: "";
    width: 12px;
    height: 7px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-image: url(/png/2vqjr1cw.png);
    background-position: -177px -135px;
}
#Learnarticle .mostmenu h4
{
    width: 123px;
    text-align: right;
    overflow: hidden;
}
#Learnarticle .mostmenu .selectlist02
{
    display: block;
    position: absolute;
    min-width: 135px;
    top: 0;
    right: 0;
}
#Learnarticle .mostmenu .select2-search
{
    display: none;
}/* container
  -----------------------------------------*/
#Learnarticle .tabinner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px -10px 0;
    margin-top: 0;
}
#Learnarticle .tabinner:after
{
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}/*修改的部分*//* tabinner_block */
#Learnarticle .item-box
{
    width: calc(33.3333333% - 20px);
    margin: 20px 10px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#Learnarticle .item-box:before, #Learnarticle .item-box:after
{
    content: "";
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}/*修改的部分*/
#Learnarticle .item-box-in
{/*background: url(../images/img-disc-box-off-1px.png) repeat-y;
    padding: 0 2px;*/
    position: relative;
    margin-bottom: 15px;
}
#Learnarticle .item-box-in .item-image
{
    position: relative;
    font-size: 0;
    background-color: #000;
}
#Learnarticle .item-box-in .item-image .video-list-thumbs
{
    opacity: .74;
}
#Learnarticle .item-box-in:hover .item-image .video-list-thumbs
{
    opacity: 1;
}
#Learnarticle .item-box-in .item-image .playFlag
{
    position: absolute;
    bottom: 7px;
    left: 20px;
}
#Learnarticle .item-box a
{
    color: #1f1f1f;
}
#Learnarticle .item-box .item-copy
{/*padding: 20px 20px 0;
    height: 140px;*/
    margin-top: 15px;
}
#Learnarticle .item-box .date
{
    font-size: 13px;
    color: #666;
}
#Learnarticle .item-box .item-copy .title
{
    font-weight: bold;
    margin-bottom: 10px;
}
#Learnarticle .item-box .item-type
{
    padding: 0 20px;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    height: 13px;
}
#Learnarticle .item-box .item-type .tag
{
    float: left;
}
#Learnarticle .item-box .item-type .blank
{
    float: right;
}
#Learnarticle .item-box:hover a *
{
    color: #0041c0;
}
@media only screen and (max-width: 640px) and (max-device-width: 1280px)
{/************************** generic class *****************************/
    .header1
    {
        font-size: 1.125rem;
    }
    .header2
    {
        font-size: .938rem;
        line-height: 1.063rem;
    }
    .subheader2
    {
        font-size: .688rem;
    }
    .bodycopy1
    {
        font-size: .625rem;
        line-height: .75rem;
    }
    .bodycopy2
    {
        font-size: .625rem;
        line-height: .75rem;
    }/*****************************************************************************
     Learnarticle
    *****************************************************************************/
    #Learnarticle .breadcrumbs
    {
        display: none;
    }
    #Learnarticle .header
    {
        padding: 0;/* background: url(../images/img-top-gradient-1px-m.png) repeat-x; */
        background-size: auto 13px;/* border-bottom: solid 1px #C7C7C7; */
    }
    #Learnarticle header.header .title-block
    {
        margin: 0;
        padding: 0;
        min-height: 0;
    }
    #Learnarticle header.header .moreinfo
    {
        display: none;
    }
    #Learnarticle .container-wrap
    {
        width: 100%;
    }/* header-bnr */
    #Learnarticle header.header .header-bnr
    {
        display: none;
    }/* lowerButton */
    #Learnarticle header.header .moreinfoLow
    {
        display: none;
    }/* nav
    -----------------------------------------*/
    #Learnarticle .nav
    {
        position: relative;
        border-top: none;
        width: 100%;
        text-align: left;
        letter-spacing: normal;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }
    #Learnarticle .nav:after
    {
        display: none;
    }
    #Learnarticle .nav h4
    {
        display: none;
        padding-right: 20px;
        background: url(/png/06vfy8uc.png) no-repeat 100% 50%;
        background-size: 12px 7px;
    }
    #Learnarticle .nav h4:before
    {
        display: inline-block;
        content: "";
        height: 35px;
        vertical-align: middle;
    }
    #Learnarticle .nav .video-list-select
    {
        display: block;
    }
    #Learnarticle .nav .video-list-select
    {
        display: none;
        position: absolute;
        height: 43px;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        font-size: 18px;
    }
    #Learnarticle .nav ul
    {
        margin-top: 30px;
        flex-wrap: wrap;
        position: relative;
    }
    #Learnarticle .mb-arrow-down
    {
        display: block;
        width: 12px;
        height: 7px;
        position: absolute;
        right: 20px;
        top: 6px;
        background: url(/png/06vfy8uc.png) no-repeat 100% 50%;
        background-size: 12px 7px;
    }
    #Learnarticle .nav ul li.left-one
    {
        margin-left: 56px;
    }
    #Learnarticle .nav ul li.hide-li
    {
        display: none;
        margin-top: 10px;
    }
    #Learnarticle .nav ul, .current-page-container
    {/* display: none; */
        padding: 0 20px;
    }
    #Learnarticle .nav li a>span, #Learnarticle .nav li>span>span
    {
        padding: 6px 10px;
    }
    #Learnarticle .nav.oneoption h4
    {
        background: none;
    }
    #Learnarticle .nav ul, .current-page-container
    {
        margin-top: 40px;
    }
    #Learnarticle .nav li, #Learnarticle .nav li a
    {
        font-size: 12px;
    }/* mostmenu
    -----------------------------------------*/
    #Learnarticle .menucontainer
    {
        position: static;
    }
    #Learnarticle .mostmenu
    {
        position: absolute;
        top: 0%;
        left: 50%;
        margin: 0 0 0 0;
        display: block;
        padding: 0 10px;
        width: 50%;
        text-align: left;
        height: 35px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;/* background: url(../images/bg-top-gradient-1px-m.png) repeat-x; */
        background-size: 100% 35px;
        border-left: solid 1px #e8e8e8;
    }
    #Learnarticle .mostmenu:before, #Learnarticle .mostmenu:after
    {
        display: none;
    }
    #Learnarticle .mostmenu h4
    {
        text-align: left;
        width: auto;
        margin: 0;
        padding: 0 20px 0 0;
        font-weight: bold;
        color: #000;
        display: block;/* background: url(/png/06vfy8uc.png) no-repeat 100% 50%; */
        background-size: 12px 7px;
    }
    #Learnarticle .mostmenu h4:before
    {
        content: "";
        display: inline-block;
        height: 35px;
        vertical-align: middle;
    }
    #Learnarticle .mostmenu h4:after
    {
        display: none;
        background: none;
    }
    #Learnarticle .mostmenu h4 a:link
    {
        color: #000;
    }
    #Learnarticle .mostmenu h4 a:visited
    {
        color: #000;
    }
    #Learnarticle .mostmenu h4 a:hover
    {
        color: #000;
    }
    #Learnarticle .mostmenu h4 a:active
    {
        color: #000;
    }
    #Learnarticle .mostmenu .selectlist02
    {
        display: block;
        position: absolute;
        height: 43px;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";/* IE 8 */
        font-size: 18px;
    }/* container
    -----------------------------------------*/
    #Learnarticle .tabinner
    {
        width: auto;
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
        margin-right: 0;/* background: url(../images/img-filtertab-shadow-1px-m.png) repeat-x; */
        background-size: 100% 9px;
        margin: 0 auto;
    }
    #Learnarticle header.header .title-block
    {
        padding-top: 40px;
        padding-bottom: 24px;
    }
    #Learnarticle header.header .title-block .header1
    {
        font-size: 20px;
    }
    #Learnarticle .header>.container
    {
        padding: 0 20px;
    }/* tabinner_block */
    #Learnarticle .pagenation
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    #Learnarticle .container
    {
        padding: 0;
    }
    #Learnarticle .item-box
    {
        margin: 10px 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    #Learnarticle .item-box:before, #Learnarticle .item-box:after
    {
        display: none;
    }
    #Learnarticle .item-box-in
    {
        background: none!important;
        padding: 0;
        height: auto;
    }
    #Learnarticle .item-box .item-image img
    {
        width: 100%;
    }
    #Learnarticle .item-box-in .item-image .playFlag
    {
        width: 40px;
    }
    #Learnarticle .item-box .item-type
    {
        padding: 0 15px 10px;
        font-size: .625rem;
    }
    #Learnarticle .item-box .item-type img
    {
        width: 8px;
        height: 8px;
    }
    #Learnarticle .tabinner
    {
        padding-top: 15px;
    }
}