/*解决页面初始化出现变量的问题*/
[v-cloak] {
    display: none !important;
}
.thirdparty-ul {
    padding-left: 20px !important;
}

.opentel {
    float: left !important;
    margin: 0 !important;
    font-weight: bold !important;
    padding: 23px 40px 23px 0 !important;
    cursor: pointer !important;
}

/*联系方式样式*/
.contact {
    position: fixed;
    bottom: 503px;
    right: 30px;
    width: 48px;
    height: 24px;
    background: #f66f6a;
    color: white;
    text-align: center;
    z-index: 10000;
}

.contact-tel {
    position: fixed;
    bottom: 454px;
    right: 30px;
    width: 48px;
    height: 48px;
    background: url(../../images/v1/help/contact-tel.png) no-repeat center;
    background-color: #4b4b4b;
    z-index: 10000;
}

.contact-email {
    position: fixed;
    bottom: 405px;
    right: 30px;
    width: 48px;
    height: 48px;
    background: url(../../images/v1/help/contact-email.png) no-repeat center;
    background-color: #4b4b4b;
    z-index: 10000;
}

.contact2,
.contact3 {
    position: fixed;
    bottom: 405px;
    right: 51px;
    width: 260px;
    height: 97px;
    background-color: #6c6c6c;
    z-index: 1;
    margin-right: 28px;
    padding: 10px 15px;
    color: white;
    line-height: 24px;
    z-index: 10000;
}

.float-tel {
    padding-top: 15px;
    padding-left: 16px;
    background: url(../../images/v1/help/pre-sales-advice-01.png) no-repeat 0 12px;
}

.float-email {
    padding-left: 16px;
    padding-top: 12px;
    background: url(../../images/v1/help/artificial-service-01.png) no-repeat 0 12px;
}

.contact-tel:hover,
.contact-email:hover {
    background-color: #6c6c6c !important;
}

.close-01 {
    background: url(../../images/v1/help/close-01.png) no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
}

/*menuBar样式*/
.common-operation .operation-tit .tit p {
    padding: 0;
    margin-top: 87px;
}

.app-service .service-name {
    line-height: 24px !important;
    background: url(../../images/v1/help/app-service_icon.png) no-repeat;
}

.tab-head {
    border-bottom: 1px solid #eee;
    font-size: 18px;
    background-color: #fff;
}

.tab-head h4 {
    float: left;
    padding: 23px 20px;
    font-weight: normal;
    cursor: pointer;
    margin: 0;
}

.tab-head h4 a {
    color: #333;
}

.tab-head h4.active > a {
    color: #f66f6a;
}

.tab-head .content-box h4:hover {
    color: #f66f6a;
}

.tab-list,
.tab-list-clisdk {
    width: 260px;
    height: 198px;
    border: 1px solid #e1e1e1;
    float: left;
    text-align: center;
    font-size: 16px;
}

.tab-list-clisdk span {
    color: #333 !important;
}

.tab-list:hover,
.tab-list-clisdk:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.tab-list-clisdk:hover,
.tab-list-clisdk:hover span {
    color: #f66f6a !important;
}

.ml20 {
    margin-left: 20px;
}

.font-color {
    color: #f66f6a;
}

.border0 {
    border: 0 !important;
}

.pre {
    position: absolute;
    left: 0px;
    top: 72%;
    width: 17px;
    height: 28px;
    cursor: pointer;
}

.prevideo {
    position: absolute;
    left: 0px;
    top: 24%;
    width: 17px;
    height: 28px;
    cursor: pointer;
}

.preImg {
    background: url(../../images/v1/help/left.png) no-repeat;
}

.next {
    position: absolute;
    right: 0px;
    top: 72%;
    width: 17px;
    height: 28px;
    cursor: pointer;
}

.nextvideo {
    position: absolute;
    right: 0px;
    top: 24%;
    width: 17px;
    height: 28px;
    cursor: pointer;
}

.nextImg {
    background: url(../../images/v1/help/right.png) no-repeat;
}

.icon {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #f7bad9;
    margin-right: 7px;
    border-radius: 100%;
}

.icon:first-child {
    margin-left: 51px !important;
}

.icon-video {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #f7bad9;
    margin-right: 10px;
    border-radius: 100%;
}

.icon-video:first-child {
    margin-left: 51px !important;
}

.icon-active {
    background-color: #f66f6a;
}

.table-practice {
    position: relative;
    height: 192px;
    left: 0;
    top: 0;
}

.hide {
    display: none;
}

.tab-head-video {
    margin: 20px 0;
}

.tab-head-video h4 {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
}

.tab-head-video h4.active {
    color: #f66f6a;
}

.tab-head-video h4.cli {
    margin-left: 23px;
}

.tab-head-video h3 {
    font-size: 16px;
}

.tab-content-video .tab-list-video td,
.tab-list th {
    padding: 5px;
}

.tab-content-video .tab-list-video th {
    padding: 5px 0;
}

li {
    margin: 0px;
}

.box {
    display: inline-block;
    float: left;
    margin-left: 10px;
    width: 194px;
    height: auto;
}

.box ul li {
    list-style: none;
}

.box ul li a {
    color: #2a2a2a;
}

.box h3 {
    color: #333333;
}

.box ul li a:active {
    color: #007486;
}

.hide {
    display: none;
}

.tab-head1 {
    width: 300px;
    float: left;
}

.tab-head1 h4 {
    margin: 0;
    padding: 0;
    padding: 15px 0;
    position: relative;
}

.tab-head1 h4 span {
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    z-index: 2;
}

.tab-head1 h4.active span {
    color: #f66f6a;
}

.tab-head1 h4.active:before {
    content: '';
    position: absolute;
    left: -200px;
    top: 0;
    width: 800px;
    height: 58px;
    background-color: #fff2f9;
}

.tab-head1 h4.active:after {
    content: '';
    position: absolute;
    right: -9px;
    top: 14px;
    width: 4px;
    height: 32px;
    background: #f66f6a !important;
}

#tab-head1 h4.active:after {
    content: '';
    position: absolute;
    right: -9px;
    top: 7px;
    width: 4px;
    height: 32px;
    background: #f66f6a !important;
}

#tab-head1 h4.active:before {
    content: '';
    position: absolute;
    left: -200px;
    top: 0;
    width: 800px;
    height: 48px;
    background-color: #fff2f9;
}

.tab-head1 h4 span:hover {
    color: #f66f6a;
    text-decoration: none;
}

.tab-head1 h4.cli {
    margin-left: 23px;
}

.tab-head1 h3 {
    font-size: 16px;
}

.tab-list td,
.tab-list th {
    padding: 5px;
}

.tab-list th {
    padding: 5px 0;
}

.service-list {
    margin-top: 15px;
}

.service-list a {
    width: 186px;
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
}

.service-list a:hover,
.service-list a.active {
    text-decoration: underline;
    color: #3ec0f0;
}

.service-table {
    margin-top: 15px;
}

.register-hover:hover {
    background: #f3f3f3;
}

.dt-mail {
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
    cursor: pointer;
}

.dt-mail:hover {
    text-decoration: underline;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

/*gettingStarted页面样式*/
.videoTitle {
    font-size: 30px;
    color: #333;
    margin: 40px 0 10px 15px;
    text-align: left;
}

.table-content-video {
    overflow: hidden;
    width: 1100px;
    margin: 0 auto;
}

.eachDl {
    width: 257px;
    height: 210px;
    padding: 0;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 24px;
}

.eachDt {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

.eachVideostyle {
    display: block;
    border: 1px solid #e2e2e2;
    height: 170px;
    background: url(../../images/v1/help/play.png) no-repeat center 50%;
}

.eachVideostyle .firstspan {
    background: #f66f6a;
    width: 255px;
    height: 38px;
    line-height: 38px;
    position: relative;
    display: block;
    font-size: 20px;
    text-align: center;
    color: white;
}

.eachVideostyle .secondspan {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    width: 200px;
    margin: 85px 0 0 28px;
    font-size: 16px;
    text-align: center;
    color: #333;
    display: inline-block;
    line-height: 16px;
}

.video-act {
    position: relative;
    width: 20000px;
}

.morevideo {
    float: right;
    margin-right: 15px !important;
    font-size: 14px;
    color: #3ec0f0 !important;
}
.morevideo:hover {
    color: #f66f6a !important;
    text-decoration: none !important;
}

.bestPracticediv {
    margin: 0 5px;
    overflow: hidden;
}

.table-practice-content {
    margin-left: 10px;
    width: 99999px;
    /* overflow: hidden; */
    /* height: 600px; */
}
.practiceDl a:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.practiceDl {
    width: 352px;
    padding: 0;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 22px;
    border: 1px solid #e2e2e2;
}

.practicea {
    display: block;
}

.practicedd {
    float: left;
    width: 100%;
    margin: 0;
    text-align: right;
    font-size: 16px;
    color: #333;
    height: 46px;
    line-height: 46px;
    padding-right: 10px;
}

.practicedt {
    margin: 0;
    padding: 0 20px;
    border: 0;
    display: block;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
    height: 150px;
}

.practiceDl .firstspan {
    background: #f66f6a;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    color: white;
    font-size: 18px;
    margin: 0 -20px 20px;
}

.practiceDl .secondspan {
    float: left;
    width: 48px;
    height: 60px;
    margin-right: 10px;
}

.practiceDl .thirdspan {
    font-size: 14px;
    line-height: 18px;
    color: #666;
    float: left;
    width: 250px;
    height: 70px;
    overflow: hidden;
    margin-bottom: 10px;
}

.thirdparty1 {
    margin-left: 9px;
    margin-right: 9px;
    margin-bottom: 18px;
}

.thirdparty {
    width: 100%;
    margin: 40px 0px 10px;
    overflow: hidden;
}

.besttitle {
    text-align: center;
    line-height: 20px;
    padding: 6px 6px 6px 0px;
    margin-right: 0px;
    position: static;
}

.bestright {
    width: 900px;
    padding: 0 10px 10px 10px !important;
    background: #fff !important;
}

.bestleft {
    padding: 6px 6px 6px 0px;
    margin-right: 0px;
    position: relative;
}

.bestdl {
    width: 410px;
    padding: 0;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: 20px;
    border: 1px solid #ededed;
}

.bestdt {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    padding-right: 20px;
    word-wrap: break-word;
    overflow: hidden;
    padding-bottom: 30px;
}

.bestspanf {
    background: #f66f6a;
    width: 410px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    color: white;
    font-size: 18px;
    /* margin-bottom: 15px; */
}

.bestspans {
    float: left;
    width: 48px;
    margin-right: 10px;
    margin-top: 36px;
    /* margin-left: 15px; */
}

.bestdecs {
    font-size: 14px;
    color: #666;
}

.bestdd {
    margin: 0;
    text-align: right;
    font-size: 16px;
    color: #666;
    height: 46px;
    line-height: 36px;
    padding-right: 10px;
    width: 100%;
    border-top: 1px solid #ededed;
}

/*search页面样式*/
.searchlfkeyword ul,
.searchrtkeyword ul {
    list-style-type: none;
    padding: 0;
}

.bgcoloreee {
    background-color: #eee;
}

.searchindex {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    background-color: #fff;
}

.searchmtop {
    min-height: 714px;
    padding-top: 10px;
}

.searchlfkeyword {
    position: fixed;
    top: 156px;
    left: calc((99vw - 1200px) / 2);
    height: calc(100vh - 156px);
    border-right: 1px solid #e1e1e1;
    box-sizing: border-box;
    padding: 20px 20px 20px 30px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 299px;
    background-color: white;
}
.searchrtkeyword {
    position: absolute;
    left: 300px;
    width: 900px;
    padding: 20px 20px 40px 20px;
    background: #fff;
    margin: 0;
    font-size: 14px;
}

.borderbt {
    border-bottom: 1px solid #e1e1e1;
    font-size: 18px;
    cursor: pointer;
}

.searchmf {
    margin-left: 20px;
}

.searchname {
    font-size: 16px;
    color: #3ec0f0;
}
.searchname :hover {
    color: #00658c !important;
    text-decoration: underline !important;
}

.borderno {
    border: none;
}

.searchlistdot {
    display: inline-block;
    background: url('../en-us_default/staticresources/images/v1/help/icon_search_dot.png') no-repeat scroll 0 center;
    padding-left: 24px;
    font-size: 16px;
    height: 28px;
    width: 28px;
}

/*单服务页面右侧内容样式重写*/
.help_breadcrumb > li > a:hover {
    color: #191919 !important;
    text-decoration: underline !important;
}

.search-result > div > p > a {
    font-size: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #333 !important;
}

.search-result > div > p > span {
    font-size: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #333 !important;
}

.search-result > div > p {
    font-size: 18px;
    font-size: 16px;
    color: #333 !important;
}

.search-result > div > p > a:hover {
    text-decoration: none !important;
    color: #333 !important;
}

.search-result > div > a:hover {
    color: #00658c !important;
    /* text-decoration: 1px solid #00658c !important; */
    text-decoration: underline !important;
}

#searchpaging > a,
#searchpaging > span,
#pagination > a,
#pagination > span {
    display: inline-block;
    cursor: pointer;
    border-radius: 14px;
    min-width: 28px;
    height: 28px;
    border-style: none;
    line-height: 29px;
    margin: 3px;
    color: #000000;
    text-align: center;
    font-size: 16px;
}

#pagination > a {
    color: #000000 !important;
}

.seaarchactive {
    background-color: #f66f6a;
    color: #fff !important;
}

#searchpaging > a:hover,
#searchpaging > span:hover {
    color: #f66f6a;
    text-decoration: none !important;
}

#pagination > a:hover {
    color: #f66f6a !important;
    text-decoration: none !important;
}


/*glossary页面样式*/
.activedGlossary {
    color: #f66f6a !important;
    border-right: 4px solid #f66f6a;
}

/*顶部菜单样式*/
.content-box h4:hover {
    color: #f66f6a !important;
}
.search-logo {
    background: url(../../images/v1/help/search.svg) no-repeat;
    border: none;
    height: 25px;
    width: 25px;
    position: absolute;
    right: 12px;
    top: 3px;
    outline: none;
}
.clear-icon {
    background: url(../../images/v1/help/closeicon.svg) no-repeat;
    border: none;
    height: 25px;
    width: 25px;
    outline: none;
    margin-top: 6px;
}
.searchdivtp {
    border: 1px solid #c2c2c2;
    position: absolute;
    /* right: calc((100% - 1200px) / 2); */
    right: 0;
    top: 0;
    background: #ffffff;
    height: 32px;
    line-height: 32px;
    width: 55%;
    border-radius: 6px;
    padding: 0 12px;
    margin-left: 8px;
}
.searchdivtp:hover,
.searchdivtp:focus,
.searchdivtp:active {
    border-color: #191919;
}
.searchsel {
    display: none;
    min-width: 80px;
    position: absolute;
    top: 36px;
    margin: -1px;
    border: 1px solid #ddd;
    color: #666;
    font-size: 14px;
    max-height: 96px;
    overflow-y: auto;
    overflow-x: hidden;
    list-style: none;
    padding: 0;
    z-index: 2;
}

.searchselspan {
    position: absolute;
    background: url(../../images/v1/help/arrow_down.svg) no-repeat right;
    left: 11px;
    color: #666;
    width: 45px;
    font-size: 14px;
    top: 5px;
}

.searchselsbt {
    position: absolute;
    color: #666;
    left: 58px;
}

.searchselbg {
    color: #666;
    font-size: 14px;
    cursor: pointer;
    background-color: #fff;
    padding: 0 10px;
}

.searchinput {
    float: left;
    color: #191919;
    outline: none;
    width: calc(100% - 45px);
    height: 100%;
    border: transparent;
    padding-bottom: 1px;
    font-size: 14px;
    font-family: PingFang SC, PingFang SC-Regular;
}
.search-input {
    border: 1px solid #c2c2c2;
    position: absolute;
    right: 0;
    top: 14px;
    background: #ffffff;
    height: 32px;
    line-height: 32px;
    width: 250px;
    border-radius: 6px;
    padding: 0 12px;
    margin-left: 8px;
}
.search-input:hover,
.search-input:focus,
.search-input:active {
    border-color: #191919;
}
input::placeholder {
    color: #808080;
}
input::-webkit-input-placeholder {
    color: #808080;
}
input::-moz-placeholder {
    color: #808080;
}
input::-ms-input-placeholder {
    color: #808080;
}
.tab-head h4 a:hover {
    color: #f66f6a;
    text-decoration: none;
}

.leftLinks a {
    color: #333;
}

.main-index a:hover {
    text-decoration: none;
}

.main-index {
    min-height: calc(100vh - 257px);
}

#searchalllf li a:hover {
    color: #f66f6a !important;
    text-decoration: none;
}

.searchhw {
    font-size: 16px;
    color: #f66f6a;
    margin-right: 5px;
    cursor: pointer;
}

.btn-download:hover,
.btn-red:hover {
    text-decoration: none !important;
}

.thirdparty-ul a:hover {
    color: #00658c !important;
    text-decoration: underline;
}

.main-index td ul {
    margin-left: 0;
}

#searchcontent {
    word-wrap: break-word;
}

th p {
    margin-top: 0;
    margin-bottom: 0;
}

/*SDK样式*/
.sdk_heading_box {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}

.sdk_heading_box div,
.sdk_heading_box span,
.sdk_heading_box .sdk_services_item,
.sdk_heading_box .sdk_language_item {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
}

.sdk_heading_services {
    /* width: 250px; */
    height: 40px;
}

.sdk_heading_language {
    /* width: 335px; */
    height: 40px;
    margin-right: 20px;
}

.sdk_services_span,
.sdk_language_span {
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    font-size: 16px;
    color: #666;
}

.sdk_services_span {
    width: 55px;
}

.sdk_services_item {
    width: 260px;
    /* margin-right: 20px; */
}

.sdk_language_item {
    width: 132px;
}

.sdk_services_item,
.sdk_language_item {
    position: relative;
    height: 40px;
    /* margin-left: -3px; */
    padding: 5px 10px !important;
    border: 1px solid #e1e1e1;
    outline: none;
    font-size: 16px;
    overflow: hidden;
}

.sdk_item_arrowDown:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 15px;
    border-top: 6px solid #666;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.sdk_list {
    position: relative;
    top: -1px;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    /* border: 1px solid #e1e1e1; */
    border-top: none;
    background: #fff;
    color: #666;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.sdk_services_list {
    left: 68px;
    width: 260px;
    max-height: 160px;
    /* border: 1px solid #e1e1e1; */
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.sdk_services_list:hover,
.sdk_language_list:hover {
    /*box-shadow:0 10px 20px rgba(0, 0, 0, .2);*/
}
.sdk_language_list {
    left: 77px;
    width: 133px;
    max-height: 160px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.sdk_services_list > li,
.sdk_language_list > li {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 16px;
    /* border-top: 1px solid #e1e1e1; */
    cursor: pointer;
}

.sdk_services_list > li {
    width: 260px;
}

.sdk_language_list > li {
    width: 131px;
}

.sdk_services_list > li:hover,
.sdk_language_list > li:hover {
    color: #f66f6a;
}

.sdk_services_list > li.active,
.sdk_language_list > li.active {
    background-color: #f66f6a;
    color: #fff;
}

.sdk_language_span {
    width: 65px;
}

/*SDK列表样式*/
.content-box > .sdk_list_wrapper,
.content-box > .video_list_wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.sdk_list_wrapper > .sdk_left_item,
.sdk_list_wrapper > .sdk_right_item {
    float: left;
    width: 560px;
    height: 174px;
    margin-top: 20px;
    padding: 30px;
    border: 1px solid #e1e1e1;
}

.sdk_list_wrapper > .sdk_left_item:nth-of-type(2n + 1) {
    margin-right: 20px;
}

.sdk_item > .sdk_item_img {
    display: inline-block;
    width: 48px;
    height: 48px;
    /* margin-right:5px; */
    vertical-align: top;
}

.sdk_item > .sdk_item_content {
    display: inline-block;
    width: 420px;
    margin-left: 20px;
    font-size: 16px;
}

.sdk_item > .sdk_item_content > a {
    margin: 0 0 10px 0;
    line-height: 18px;
    color: #333 !important;
    font-size: 20px;
    font-weight: 600;
}
.sdk_item > .sdk_item_content > p > a {
    font-size: 16px;
    color: #00739f !important;
}
.sdk_item > .sdk_item_content > p a:hover {
    color: #00658c !important;
    text-decoration: underline !important;
}
.sdk_item:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.sdk_item:hover a {
    /* color: #f66f6a !important; */
    /* cursor: pointer; */
    text-decoration: none !important;
}

.sdk_item > .sdk_item_content > p * {
    line-height: 17px;
    margin: 0;
    font-size: 14px;
    color: #333;
    /* word-spacing: -2px; */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    /*超出4行显示省略号*/
    overflow: hidden;
    height: 51px;
}

.sdk_item_type {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    line-height: 18px;
}

.sdk_item_type > a {
    font-size: 16px;
}

.sdk_item_type > a:hover {
    color: #00739f !important;
    cursor: pointer;
}

/*moreVideo页面样式*/
.video_list_wrapper > .video_item {
    display: inline-block;
    width: 270px;
    margin: 20px 20px 0 0;
}

.video_list_wrapper > .video_item > .video_title {
    height: 45px;
    line-height: 45px;
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: rgb(255, 255, 255);
    background: #f66f6a;
}

.video_item > .video_desc_wrapper {
    height: 125px;
    padding: 20px;
    border: 1px solid #e1e1e1;
    text-align: center;
}

.video_item > .video_desc_wrapper:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: color, 0.3s;
}

.video_item > .video_desc_wrapper > .video_img {
    display: inline-block;
    height: 46px;
}

.video_item > .video_desc_wrapper > .video_desc {
    display: block;
    font-size: 16px;
    margin-top: 10px;
    color: #333;
}
.patchOn {
    color: #fff !important;
    background-color: #f66f6a;
}
.patchOut {
    color: #333;
    background-color: none;
}
.patchOn:hover {
    color: #fff !important;
}

.switchlang img {
    filter: Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.switchlang:hover img {
    filter: Alpha(opacity=100); /* IE */
    -moz-opacity: 1; /* FF 主要是为了兼容老版本的FF */
    opacity: 1;
}
 .select-padding {
    padding: 10px 16px;
 }
 .friendlink {
     line-height: 33px;
     background-color: #f0f0f0;
     padding-bottom: 35px;
     font-family: FZLanTingHeiS, FZLanTingHeiS-Regular;
 }

 .friendlink-wrap {
     max-width: 54%;
     margin: 0 auto;
     padding: 76px 0 106px 0;
     color: #fff;
     display: flex;
     justify-content: space-between;
 }

 .friendlink-area {
     float: left;
 }

 .friendlink-title {
     font-size: 15px;
     font-weight: 700;
     color: #252b3b;
 }

 .friendlink-list {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     height: 134px;
 }

 .friendlink-item {
     margin-right: 30px;
 }

 .friendlink-text {
     font-size: 14px;
     color: #575d6d;
 }

 @media (max-width: 1079px) {
     .friendlink-list {
         height: unset;
         padding-right: unset;
     }
 }