@charset "UTF-8";
a:hover {
    text-decoration: none !important;
}

/*设定文字编码*/
/* ===  ****  模版页面   CSS定义 *****  =====   */
* {
    padding: 0px;
    margin: 0px;
    /*line-height: 1.8em*/
}

/*****！！页面通用css样式定义开始******/
/* body的css定义:这里定义页面上下左右边距，页面背景颜色，滚动条颜色样式 */
body {
    color: #333; /*文字大小定义 */
    background: #fff; /*文字颜色定义 */;
}
body.lan_en>div:first-of-type, body.lan_cn>div:first-of-type{
    overflow: hidden;
}

html, body {
    -webkit-text-size-adjust: none;
    height: 100%;
}

html {
    background-attachment: fixed;
}

body {
    min-width: 1170px;
}

/* 网站超链接css通用设置 */
a {
    text-decoration: none;
    cursor: pointer;
    outline: none;
}

/* 链接无下划线,有为underline */
a:link {
    color: #333;
}

/* 未访问的链接 */
a:visited {
    color: #333;
}

/* 已访问的链接 */
a:hover {
    color: #C7000B;
    text-decoration: none;
}

/* 鼠标在链接上*/
a:active {
    color: #333333;
}

/* 点击激活链接 */
.doubleLink2 div a:hover {
    text-decoration: underline;
    cursor: pointer;
}

a.defaultLink {
    cursor: default;
}

a.disabledLink, a.disabledLink:hover {
    color: #999;
    cursor: default;
}

a.disabledLink > span.laterPrev {
    display: none;
    position: fixed;
    background: #fff;
    z-index: 2;
    border-radius: 4px;
    padding: 4px 10px;
    border: 1px solid #ddd;
    color: #333;
    font-weight: normal;
    line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
    padding: 0;
    margin: 0;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.onMouseOver {
    color: #C7000B;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

img {
    border: 0px;
}

/*图片边框为0*/
.clear {
    clear: both;
}

/*清除浮动*/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*清除浮动*/
/*表格样式定义 */
table {
    text-align: justify;
}

checkbox {
    border: 0px;
}

/*选择框样式定义 */
/*文字按钮样式定义 */
.button {
    border: 0px;
}

ins {
    display: none;
}

input {
    outline: none;
}

input::-ms-clear {
    display: none;
}

a.alink, .alink a {
    display: block;
    cursor: pointer;
}

.moreLinkIcon {
    display: inline-block;
    /* margin-left: 20px; */
    padding-right: 12px;
    color: #666;
    background: url(../imgs/common/more_icon.png) no-repeat right center;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.1s ease-in;
}

.moreLinkIcon:hover {
    color: #C7000B;
    padding-right: 16px;
    transition: all 0.1s ease-in;
}

#remindBox {
    position: fixed;
    background: #666;
    border-radius: 4px;
    color: #fff;
    padding: 3px 6px;
    box-shadow: 0 0 5px #ddd;
    z-index: 1111;
}

/*logo提示语*/
.hwLogoTips,
.msLogoTips {
    position: fixed;
    background: #fff;
    border-radius: 4px;
    color: #333;
    padding: 3px 6px;
    box-shadow: 0 0 5px #ddd;
    z-index: 1111;
    display: none;
    font-size: 12px;
    /*white-space: nowrap;*/
}

.hwLogoTips:before,
.hwLogoTips:after,
.msLogoTips:before,
.msLogoTips:after {
    content: '';
    position: absolute;
    left: 5px;
    border: 6px solid transparent;
}

.hwLogoTips:before,
.msLogoTips:before {
    border-top: 6px solid #fff;
    bottom: -12px;
    z-index: 2;
}

.hwLogoTips:after,
.msLogoTips:after {
    border-top: 6px solid #ddd;
    bottom: -13px;
}

/*翻页*/
.pages > span {
    border: 1px solid #E5E5E5;
    text-align: center;
    padding: 3px 8px;
    cursor: pointer;
    margin-right: 3px;
}

.pagePa span {
    display: inline-block;
    vertical-align: middle;
}

.pagePa > .pages {
    padding: 0;
    border: none;
    margin: 0 4px;
}

.pagePa .active {
    background: #C7000B;
    border: 1px solid #C7000B;
    color: #fff;
}

.pagePa .pages > span.hide {
    display: none;
}

.pagePa {
    text-align: right;
    font-size: 14px;
    color: #333;
    padding: 30px 0;
}

.pagePa span.pageNue {
    border: 1px solid #fff;
}

.pagePa > .next,
.pagePa > .prev {
    display: inline-block;
    width: 30px;
    height: 24px;
    cursor: pointer;
}

.pagePa > .disabled {
    color: #999;
    display: none;
}

.pagePa > .next {
    background: url(../imgs/common/btnNext.png) no-repeat center center;
}

.pagePa > .next:hover {
    background: url(../imgs/common/btnNextA.png) no-repeat center center;
}

.pagePa > .prev {
    background: url(../imgs/common/btnPrev.png) no-repeat center center;
}

.pagePa > .prev:hover {
    background: url(../imgs/common/btnPrevA.png) no-repeat center center;
}

/*滚动广告ICON*/
/*  广告样式重置 */
.flex-control-nav {
    bottom: 16px;
    z-index: 666;
}

.flex-control-nav li {
    margin: 0 2px;
}

.flex-control-paging li a {
    width: 34px;
    height: 4px;
    border-radius: 8px;
    background: #e0dcdc;
    opacity: 0.6;
    margin: 0 4px;
}

.flex-control-paging li a.flex-active {
    background: #c7000b;
    opacity: 0.9;
}

.grayBack,
.transBack,
#loadding {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    left: 0;
    top: 0;
    z-index: 600;
}

#loadding img {
    position: absolute;
    top: 43%;
    left: 48%;
}

.grayBack {
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: #000;
    z-index: 800;
}

/* 定义字体样式 */
.lan_en {
    font: 16px Arial, 'Microsoft Yahei';
    color: #333;
}

/*英文*/
.lan_cn {
    font: 16px 'Microsoft Yahei', Arial;
    color: #333;
}

/*中文*/
.navContent {
    display: none;
    margin-bottom: 16px;

}

.indexPage.navContent {
    /* display: block; */
    margin-top: 30px;
}

.qzIframeCon {
    text-align: center;
}

.fixedHeader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 105;
}

.header,
.footer {
    width: 100%;
}

.footer {
    background: #f7f7f7;
    height: 60px;
    position: absolute;
    bottom: 0px;
    font-size: 12px;
}

.footer a {
    font-size: 12px;
}

.ftWrapper {
    max-width: 1440px;
    min-width: 1170px;
    margin: 0 auto;
    height: 60px;
    width: 80%;
}

.ftWrapper > div {
    vertical-align: top;
}

.ftWrapper > .section {
    width: 55%;
}

.ftWrapper > .copyRight {
    width: 43%;
}

.header {
    min-height: 50px;
    line-height: 50px;
    font-size: 0;
    background: white;
    color: #333;
    border-bottom: 1px solid white;
}

.header .line {
    display: inline-block;
    vertical-align: middle;
    /* color: #fff; */
    height: 35px;
    line-height: 35px;
    margin: 0 12px;
    font-size: 12px;
}

.headRight > div {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}

.headRight > div a {
    /* color: #fff;  */
}

/* .headRight > div a:visited{

	color:#c7000b;
} */
.headLeft {
    display: inline-block;
    height: 50px;
    font-size: 0;
}

.headLeft span {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.headLeft span .siteName {
    position: relative;
    top: -1px;
}

.headLeft .isDefualtNewtxt {
    font-size: 12px;
    margin-left: 4px;
}

.headLeft.isIndexPage .indexSwag,
.headLeft .otherSwag {
    display: inline-block;
}

.headLeft.isIndexPage .otherSwag,
.headLeft .indexSwag {
    display: none;
}

.indexSwag > span:nth-child(1),
.headLeft .otherSwag {
    cursor: pointer;
}

.indexSwag .isDefualtNew {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 20px;
    border-radius: 10px;
    background: #aaa;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.indexSwag .isDefualtNew:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #fff;
}

.indexSwag .isDefualtNew.active {
    background: #c7000b;
}

.indexSwag .isDefualtNew.active:before {
    left: 20px;
}

.header .headHwLogo {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 158px;
    background: url(../imgs/common/huawei_logo.png) no-repeat left center;
}

.header .headHwLogo > a {
    display: block;
    width: 100%;
    height: 100%;
}

.headNav {
    height: 65px;
    background: #f7f7f7;
}

.headNav.isIndexPage .section {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.headRight > a {
    display: inline-block;
    vertical-align: middle;
    /* color: #fff; */
    font-size: 12px;
}

.headRight > div > a:hover,
.headRight > a:hover {
    /* color: #b60005; */
    color: #c7000b;
}


.searchInpuBox {
    border-radius: 5px;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    background: #fff;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 78px;
    position: relative;
}

.searchInpuBox .clearSearch {
    position: absolute;
    top: 9px;
    right: 50px;
    padding-right: 6px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    width: 26px;
    height: 24px;
    line-height: 22px;
    font-size: 23px;
    text-align: left;
    cursor: pointer;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}

.isIndexPage .searchInpuBox .clearSearch {
    right: 0px;
}

.searchInpuBox .clearSearch.show {
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}

#searchInput {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 16px;
    line-height: 45px;
}

.searchBtn {
    position: absolute;
    top: 0;
    right: 4px;
    width: 46px;
    height: 46px;
    font-size: 0px;
    background: url(../imgs/common/search_icon1.png) no-repeat center 10px;
    cursor: pointer;
}

.isIndexPage .searchBtn {
    position: absolute;
    top: -1px;
    right: -128px;
    width: 128px;
    height: 48px;
    background: #c7000b;
    color: white;
    text-align: center;
    font-size: 22px;
    /* background: url(../imgs/common/search_icon1.png) no-repeat center 10px; */
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.searchInpuBox:hover .searchBtn {
    background: url(../imgs/common/search_icon2.png) no-repeat center 10px;
}

.isIndexPage .searchInpuBox:hover .searchBtn {
    background: #c7000b;
    color: white;
}

.searchBox {
    position: fixed;
    background: #fff;
    z-index: 106;
    top: 58px;
    width: 36%;
    border: 1px solid #d8d8d8;
    border-radius: 5px;

    /*
    max-width: 634px;
    min-width: 516px;
    */
}

.searchFocus {
    border-bottom-right-radius: 5px !important;
}

.isIndexPage .idxSearch {
    width: 700px;
    margin: 0 auto;
    position: relative;
}

.isIndexPage .searchBox {
    position: absolute;
    top: 10px;
    width: 44%;
    left: 0;
    z-index: 100;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.searchBox .searchList {
    border-top: 1px solid #ddd;
    margin-left: 20px;
    margin-right: 20px;
    display: none;
}

.headNav .headNavCon {
    text-align: right;
    padding-left: 38%;
    white-space: nowrap;
    /*transition: all 0.3s ease-in;*/
}

.headNav.isIndexPage .headNavCon {
    padding-left: 0;
    /*transition: all 0.3s ease-in;*/
    text-align: center;
}

.headNav.isIndexPage .searchBox {
    left: 28%;
    top: 250px;
    display: block;

    box-sizing: border-box;
    left: 0px;
    width: 570px !important;
    border: 1px solid #c7000b !important;
    /*transition: all 0.3s ease-in;*/
}

.headNavCon > span {
    box-sizing: border-box;
    display: inline-block;
    height: 64px;
    line-height: 64px;
    vertical-align: middle;
    margin: 0 0 0 50px;
    font-size: 18px;
    border-bottom: 2px solid #f7f7f7;
    cursor: pointer;
    position: relative;
}

.headNavCon > span label {
    cursor: pointer;
}

/**圈子**/
.headNavCon .qzSlide {
    position: absolute;
    height: 100%;
    right: 0;
    top: 4px;
    color: #333;
    width: 10px;
    /*top: 16px;*/
}

.qzSlide > .qzUl {
    box-sizing: border-box;
    position: absolute;
    z-index: 10;
    padding: 12px 16px;
    box-shadow: 1px 3px 5px #eee;
    text-align: left;
    background: #fff;
    min-width: 200px;
    right: 0;
    top: 60px;
    display: none;
    border-radius: 6px;
    border: 1px solid #eee;
}

.lastNode:hover .qzUl {
    display: block;
}

.qzSlide > .qzUl li {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
}

.qzSlide > .qzUl li:hover {
    color: #c7000b;
    cursor: pointer;
}

.qzSlide i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    border: 4px solid transparent;
    border-top: 8px solid #333;
}

.lastNode:hover i {
    /*
    position: relative;
    top: -31px;
    */
    margin-top: -8px;
    border: 4px solid transparent;
    border-bottom: 8px solid #c7000b;
}

.headNav.isIndexPage .headNavCon > span {
    margin: 0 30px;
}

.headNavConEn > span {
    margin: 0 0 0 30px;
}

.headNavCon > span.lastNode {
    padding: 0 14px 0 0;
}

.headNavCon > span.active {
    color: #c7000b;
    border-bottom: 2px solid #c7000b;
}

.headNavCon > span:hover {
    color: #c7000b;
}

.header .userInfoMes {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.userInfo > span {
    cursor: pointer;
}

.userInfoMes .userOtherMes {
    box-sizing: border-box;
    min-width: 160px;
    line-height: 30px;
    font-size: 16px;
    position: absolute;
    right: -14px;
    color: #333;
    background: #fff;
    padding: 12px 16px;
    z-index: 3;
    box-shadow: 1px 3px 5px #eee;
    display: none;
    border: 1px solid #eee;
}

.userInfoMes:hover .userOtherMes {
    display: block;
}

.userOtherMes .lineLabel {
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    margin-bottom: 10px;
}

.userOtherMes label {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
}

.userOtherMes .alink span,
.userOtherMes .alink a {
    cursor: pointer;
}

.userOtherMes .alink span:hover,
.userOtherMes .alink a:hover {
    color: #c7000b;
}

.userOtherMes .userLevel,
#lotteryLevel .userLevel {
    position: relative;
    background: #c7000b;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    border-radius: 4px;
    line-height: 19px;
    padding: 0 8px;
    color: #fff;
    margin-left: 6px;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

.userOtherMes .userLevel:before,
#lotteryLevel .userLevel:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -12px;
    border: 6px solid transparent;
    border-right: 6px solid #c7000b;
}

/*首页*/
.indexHead .section {
    text-align: center;
    padding-bottom: 50px;
    position: relative;
}

.indexHead .section > .backImg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    overflow: hidden;
    z-index: 1;
}

.indexSearch {
    height: 46px;
    margin: 30px 0 16px 0;
}

.indexHead {
    margin-bottom: 16px;
}

.indexHead .indexTit {
    font-size: 32px;
    padding-top: 50px;
    min-height: 42px;
}

.indexHead .section > div {
    position: relative;
}

.indexHead .section > div.indexSearch,
.indexHead .section > div.indexHotSearch {
    z-index: 2;
}

.indexHead .section > div.indexHotSearch {
    display: none;
}

.indexHotSearch {
    font-size: 16px;
}

.indexHotSearch span {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    color: #666;
    margin-right: 12px;
}

.indexHotSearch span.keyword {
    font-weight: normal;
    margin-right: 20px;
    color: #333;
    cursor: pointer;
}

.indexHotSearch span.keyword:hover {
    color: #c7000b;
}

.indexBody {
    overflow: hidden;
    text-align: center;
    max-width: 100%;
    width: 100%;
}

.indexBody > div {
    display: inline-block;
    vertical-align: top;
    /* width: 32%; */
    overflow: hidden;
    text-align: left;
    box-sizing: border-box;
    /* margin-left: 20%; */
}

.indexBody .hotDoc {
    width: 40%;
    margin-left: 5%;
}

.indexBody .tit {
    font-size: 18px;
    padding-bottom: 20px;
}

.indexBody li {
    padding-bottom: 16px;
}

.bestNewDoc {
    width: 700px;
    margin: 0 auto;
    display: block !important;
}

.hotDoc {
    display: none;
}

.commonLine {
    min-height: 20px;
    line-height: 20px;
}

/* .commonLine>div{
	display:inline-block;
} */
.commonLine {
    margin-bottom: 5px;
}

.commonLine > div {
    display: inline-block;
    padding: 10px;
    padding-left: 2px;
    padding-right: 50px;
    box-sizing: border-box;
    vertical-align: top;
    margin-left: 30px;
    margin-right: 20px;
    position: relative;
}

.commonLine > div:first-child {
    width: 50%;
}

.commonLine > div:last-child {
    width: 35%;
}

.commonLine > div {

}

.commonLine > div > p {
    position: absolute;
    top: 8px;
    left: -30px;
    width: 30px;
    height: 30px;
}

.commonLine.line0 > div:first-child > p {
    background: url(../imgs/indexPage/icon.png) no-repeat;
    background-size: 222px 61px;
    background-position: 0px 0px;

}

.commonLine.line0 > div:last-child > p {
    background: url(../imgs/indexPage/icon.png) no-repeat;
    background-size: 222px 61px;
    background-position: -120px 0px;
}

.commonLine.line1 > div:first-child > p {
    background: url(../imgs/indexPage/icon.png) no-repeat;
    background-size: 222px 61px;
    background-position: -40px 0px;
}

.commonLine.line1 > div:last-child > p {
    background: url(../imgs/indexPage/icon.png) no-repeat;
    background-size: 222px 61px;
    background-position: -160px 0px;
}

.commonLine.line2 > div:first-child > p {
    background: url(../imgs/indexPage/icon.png) no-repeat;
    background-size: 222px 61px;
    background-position: -80px 0px;
}

.commonLine.line2 > div:last-child > p {
    background: url(../imgs/indexPage/icon.png) no-repeat;
    background-size: 222px 61px;
    background-position: -200px 0px;
}


/*
.hotDoc li {
	white-space: nowrap;
}
*/
.indexBody li.More {
    padding-top: 9px;
}

a.linkAnimation,
.indexBody .moreLink,
.proSearch .moreLink,
.userOtherMes .alink > span,
#rruTechTableCard .otherkCon a,
#toolsResult .toolName > a,
#mediaResult .msrTitle {
    padding-right: 20px;
    background: url(../imgs/common/more_icon.png) no-repeat right center;
    transition: all 0.1s ease-in;
}

#techResult .msrTitle {
    padding-right: 20px;
    background: url(../imgs/common/more_icon.png) no-repeat right center;
    transition: all 0.1s ease-in;
}

.indexBody .moreLink,
.proSearch .moreLink {
    color: #666;
}
#oversea-area .msrTitle:hover,
#techResult a.msrTitle:hover,
#techResult span.msrTitle:hover,
a.linkAnimation:hover,
.indexBody .moreLink:hover,
.proSearch .moreLink:hover,
#rruTechTableCard .otherkCon a:hover,
.userOtherMes .alink > span:hover,
#toolsResult .toolName > a:hover,
#mediaResult .msrTitle:hover {
    color: #C7000B;
    padding-right: 24px;
    transition: all 0.1s ease-in;
}

.indexBody .liTit {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: #666;
}

.indexBody .hotDoc a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.indexFoot {
    margin-top: 50px;
    padding-bottom: 2px;
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
}

.indexFoot > .flexslider {
    overflow: hidden;
    width: 700px;
    margin: 0 auto;
}

.historySearch,
.toolList {
    font-size: 16px;
}

.fixedHeaderCopy .isIndexPage .historySearch {
    width: 568px;
}

.toolList li {
    line-height: 40px;
}

.historySearch li {
    line-height: 30px;
}

.historySearch li.hisTit {
    font-weight: bold;
    padding-left: 20px;
}

.historySearch li.history,
.toolList li {
    cursor: pointer;
    padding-left: 36px;
}

.toolList li {
    padding-left: 20px;
}

.historySearch,
.toolList {
    padding: 10px 0 10px 0;
    margin-left: -20px;
    margin-right: -20px;
    display: none;

}

.historySearch li.history:hover,
.toolList li:hover,
.toolList li.active {
    color: #c7000b;
    background: #eee;
}

.historySearch li.active {
    color: #c7000b;
    background: #f7f7f7;
}

.hisTit .clearHis {
    position: absolute;
    right: 44px;
    font-weight: normal;
    cursor: pointer;
}

.isIndexPage .hisTit .clearHis {
    right: 20px !important;
}

.hisTit .clearHis:hover {
    color: #c7000b;
}

/*页脚*/
.footCon {
    font-size: 0;
    text-align: middle;
    white-space: nowrap;
    text-align: center;
    width: 55% !important;
    min-width: 0px !important;
    margin-left: 0px;
    display: inline-block;

}

.footCon > div.wid2 {
    width: 50%;
}

.footCon > div.wid3 {
    width: 33%;
}

.footCon > div.wid4 {
    width: 25%;
}

.footCon > div.wid5 {
    width: 20%;
}

.footCon > div.wid6 {
    width: 17%;
}

.footCon > div {
    float: left;
    display: block;
    text-align: center;
    padding: 0;
    line-height: 60px;
}

.footCon > div:not(:last-child) {
    margin-right: 20px;
}

.footCon a {
    display: block;
    text-align: center;
    font-size: 12px;
    white-space: normal;
}

.footCon span {
    display: inline-block;
    width: 100%;
    /* padding-top: 12px; */
}

.footer a {
    color: #333;
}

.footer a:hover {
    color: #C7000B;
}

.footer a.footViews {
    cursor: default;
}

.footer a.footViews:hover {
    color: #333 !important;
}

.footer div.copyRight {
    text-align: right;
    font-size: 12px;
    /* padding: 0 0 10px 0; */
    width: 44%;
    display: block;
    line-height: 60px;
    float: right;
}

/*按版本导航*/


.versionHead,
.hwSecondHead,
.mediaFirstTit,
.lotteryHead .tit {
    background: #504e4e;
    color: #fff;
    text-align: left;
    font-size: 0;
    margin-bottom: 30px;
}

.versionHead > span,
.hwSecondHead > span,
.mediaSecondTit {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.versionHead > span.active,
.hwSecondHead > span.active,
.mediaSecondTit.active {
    background: #c7000b;
}

/*增加链接点击生效范围*/
.versionBody a {
    display: inline-block;
    padding: 5px 10px;
}

.versionBody > div,
.hwSecondBody > div {
    display: none;
}

.versionBody > div.active,
.hwSecondBody > div.active {
    display: block;
}

.versionBody .version-content {
    border-radius: 10px;
}

.versionBody table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    box-sizing: border-box;
}

.versionBody td {
    text-align: center;
    width: 4px;
}

.versionBody td.txt {
    width: auto;
    min-width: 20px;
    min-height: 46px;
    padding: 14px 0;
    white-space: normal;
    box-sizing: border-box;
}

.versionBody td.txt .line {
    height: 4px;
}

.versionBody td.removeTd {
    display: none;
}

.versionBody tr.space-tr {
    height: 4px;
}

.versionBody .widTd6 td.top-title {
    width: 13%;
}

.versionBody .widTd5 td.top-title {
    width: 14%;
}

.versionBody div[nodeid=G1-2-3] .widTd6 td.top-title {
    width: 17%;
}

.versionBody div[nodeid=G1-2-3] .widTd5 td.top-title {
    width: 18%;
}

.versionBody {
    padding-bottom: 30px;
    min-height: 610px;
}

.versionBody > div {
    white-space: nowrap;
    font-size: 0;
}

.versionBody > div div {
    font-size: 14px;
}

.versionBody .verLeftNav,
.versionBody .verRightCon {
    display: inline-block;
    vertical-align: top;
}

.versionBody .verLeftNav {
    width: 12%;
    box-sizing: border-box;
    background: #f7f7f7;
    min-height: 1000px;
}

.versionBody .verLeftNav.cmcc {
    min-height: 650px;
}

.versionBody .verLeftNav.ctcc {
    min-height: 440px;
}

.versionBody .verLeftNav.cucc {
    min-height: 710px;
}

.versionBody .verRightCon {
    width: 88%;
    padding-left: 10px;
    box-sizing: border-box;
}

.verLeftNav > div {
    padding: 15px 20px;
}

.verLeftNav > div.active {
    background: #fff;
    color: #c7000b;
}

.verLeftNav span {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}

.verLeftNav > span.verTit {
    height: 46px;
    line-height: 46px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
}

.verLeftNav span.childVer {
    font-size: 14px;
    position: relative;
    padding-left: 22px;
    font-weight: normal;
}

.verLeftNav .childVer:before {
    content: '';
    position: absolute;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    left: 8px;
    top: -10px;
    width: 10px;
    height: 21px;
}

.verLeftNav .firstVer:before {
    height: 10px;
    top: 1px;
}

.verLeftNav > div.active .childVer:before {
    border-left: 1px solid #c7000b;
    border-bottom: 1px solid #c7000b;
}

.verRightCon > div {
    display: none;
}

.verRightCon > div.active {
    display: block;
}

.verLeftNav .hwLogo,
.verRightCon .hwLogo,
.toolCon .hwLogo,
.mediaCon .hwLogo,
.hwLogoTips .hwLogo {
    color: #c7000b;
    background: #eee;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    font-style: normal;
    margin-left: 6px;
    position: relative;
    /*top: -1px;*/
    font-weight: normal;
}

.verLeftNav .hwLogo {
    vertical-align: baseline;
    top: -1px;
}

.verRightCon p {
    padding: 10px 0;
    text-align: right;
    font-size: 16px;
}

.parentLink {
    position: relative;
}

.parentLink .logoconfig {
    font-size: 12px;
    font-style: normal;
    height: 14px;
    line-height: 14px;
    padding: 0 4px;
    background: #fff;
    color: #c7000b;
    margin-left: 4px;
    box-sizing: border-box;
    display: inline-block;
}

.parentLink > div.childLink3,
.parentLink > div.childLink2 {
    position: absolute;
    display: none;
    left: 50%;
    /*top: 28px;*/
    border-radius: 4px;
    color: #fff;
    padding-top: 10px;
    margin-top: -3px;
    z-index: 2;
}

div.childLink3 > div,
div.childLink2 > div {
    border-radius: 4px;
    background: #282828;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
}

.parentLink > div:before {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-bottom: 10px solid #282828;
    left: 50%;
    margin-left: -5px;
    top: -9px;
}

.childLink2 a,
.childLink3 a {
    color: #fff;
    padding: 0 16px;
}

.childLink2 a:hover,
.childLink3 a:hover {
    color: #c7000b;
}

.childLink2 a.alink1,
.childLink3 a.alink1,
.childLink3 a.alink2 {
    border-right: 1px solid #fff;
}

/*信息速查*/
.toolCon .toolFoot {
    background: #f7f7f7;
    margin-bottom: 30px;
}

.toolFoot .cusMaPublic {
    margin-left: 4px;
}

.toolFoot > a {
    display: inline-block;
    margin: 0 20px;
    padding: 0 14px;
    color: #008dc5;
    border-radius: 10px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    background: #deeef2;
}

.toolCon .toolBox {
    border-radius: 10px;
    margin-bottom: 40px;
}

.toolBox .toolTit {
    display: block;
    font-size: 22px;
    border-bottom: 1px solid #ddd;
    color: #333;
    cursor: default;
    padding-bottom: 15px;
}

.toolBox .toolTit img {
    vertical-align: middle;
    margin-right: 10px;
}

.toolAList .linkBody,
.toolAList .linkTit {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.toolBox .toolAList {
    font-size: 0;
    line-height: 30px;
    margin-top: 10px;
}

.toolAList .linkTit {
    width: 12%;
    font-weight: bold;
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;
    font-size: 16px;
    color: #666;
}

.toolAList .linkBody {
    width: 80%;
}

.toolAList a {
    font-size: 16px;
}

.toolAList a {
    display: inline-block;
    vertical-align: middle;
    min-width: 170px;
    text-align: left;
    /*
    border: 1px solid #fff;
    border-radius: 6px;
    */
    margin-right: 40px;
    padding: 0 10px;
    margin-bottom: 10px;
    border-radius: 6px;
}

.toolAList a span {
    display: inline-block;
    vertical-align: middle;
}

.toolLink:hover {
    /*border: 1px solid #c7000b;*/
    background: #f7f7f7;
}

.toolCon .hotLogo,
.toolCon .newLogo,
.hwEnginIndex .hotLogo,
.hwEnginIndex .newLogo,
.mediaCon .hotLogo,
.mediaCon .newLogo,
.msLogo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 4px;
    margin-left: 4px;
    background: #c7000b;
    color: #fff;
    font-style: normal;
    font-size: 10px;
    border-radius: 0;
    height: 12px;
    line-height: 12px;
    position: relative;
    /*top: -1px;*/
}

.msLogo {
    background: #f3a22f;
}

.mediaCon .hotLogo,
.mediaCon .hwLogo,
.mediaCon .newLogo,
.mediaCon .msLogo {
    margin-left: 0;
    margin-right: 4px;
}

/*工程师专区*/
.hwEnginerCon > div {
    display: none;
}

.hwEnginerCon > div.active {
    display: block;
}

.firstCon > .cusEntry {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 10px 10px 10px;
    position: relative;
    text-align: center;
    border-radius: 6px;
    /*
    padding: 10px;
    top: 0;
    transition: top 0.3s ease-in;
    border: 1px solid #fff;
    */
    white-space: normal;
}

.firstCon > .cusEntry:hover {
    color: #c7000b;
    /*border: 1px solid #d9d9d9;*/
}

/*
.firstCon > .cusEntry.first {
	padding-left: 0;
}
.firstCon > .cusEntry.last {
	padding-right: 0;
}
*/
.cusEntry img {
    width: 100%;
    min-height: 50px;
    border-radius: 6px;
    overflow: hidden;
    display: inline-block;
    transform: scale(1);
    transition: transform 0.2s ease-in;
}

.firstCon > .cusEntry:hover img {
    transform: scale(1.05);
    transition: transform 0.2s ease-in;
}

.cusEntry .aLink {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    z-index: 2;
}

.cusEntry .aText {
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}

.hwEnginIndex .firstCon {
    white-space: nowrap;
}

.firstCon > .cusEntry4 {
    width: 24%;
    margin-right: 1%;
}

.firstCon > .cusEntry1 {
    width: 100%;
}

.firstCon > .cusEntry2 {
    width: 48%;
    margin-right: 1%;
}

.firstCon > .cusEntry3 {
    width: 33%;
}

.hwSecondHead {
    margin-bottom: 0;
}

.hwThirdHead {
    background: #eee;
    min-height: 58px;
    line-height: 58px;
    white-space: normal;
}

.hwThirdHead .btn,
.mediaThirdRight .btn,
.changeAc .btn {
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    line-height: 16px;
    box-sizing: border-box;
    cursor: pointer;
    border-right: 1px solid #aaa;
}

.hwThirdHead .btn:last-child,
.mediaThirdRight .btn:last-child,
.changeAc .btn:last-child {
    border-right: none;
}

.hwThirdHead .btn.active,
.mediaThirdRight .btn.active,
.changeAc .btn.active {
    color: #c7000b;
}

.hwThirdBody > div {
    display: none;
    padding-top: 15px;
}

.hwThirdBody > div.active {
    display: block;
}

.hwFiveCon {
    padding: 15px 0;
}

.hwFiveCon ul,
.hwFourLeft > ul {
    padding-left: 20px;
}

.hwFiveCon li,
.hwFiveUl li {
    list-style: disc;
    line-height: 36px;
}

.hwFiveCon li.hide,
.hwFiveUl li.hide {
    display: none;
}

.hwFiveCon li a > span {
    display: inline-block;
    vertical-align: middle;
}

.hwFiveTit {
    padding-top: 15px;
    padding-bottom: 15px;
}

.hwFourRight .hwFiveTit {
    padding-bottom: 0;
}

.hwFourLeft .hwFiveTit {
    border-bottom: 1px solid #ddd;
}

.hwFourRight .hwFiveTit {
    font-weight: bold;
}

.hwFiveTit .selecDiv {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.selecDiv .selecV {
    display: inline-block;
    /* background: #eee;*/
    line-height: 30px;
    padding: 0 30px 0 20px;
    min-width: 150px;
    border: 1px solid #eee;
}

.selecDiv .foucsV {
    border: 1px solid #39f;
}

.selecDiv .selecV:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 12px;
    border: 4px solid transparent;
    border-top: 8px solid #000;
}

.selecDiv .selecOps {
    position: absolute;
    left: 0;
    right: 0;
    top: 32px;
    background: #fff;
    padding: 12px 0;
    z-index: 2;
    box-shadow: 1px 3px 5px #eee;
    border: 1px solid #eee;
    text-align: left;
    line-height: 30px;
    overflow: auto;
    display: none;
    z-index: 2;
}

/*
.selecDiv:hover .selecOps {
	display: block;
}
*/
.selecDiv .selecOps li {
    cursor: pointer;
    padding: 0 16px;
}

.selecDiv .selecOps li:hover {
    color: #c7000b;
}

.selecDiv .selecOps li.selected {
    background: #39f;
    color: #fff;
}

.hwFiveTit .txt {
    font-size: 16px;
}

.hwFourLeft .hwFiveTit .txt {
    font-size: 18px;
}

.hwFiveCon > .hwSix {
    display: none;
}

.hwFiveCon > .hwSix.active {
    display: block;
}

.hwFiveTit .hwVerTit {
    display: inline-block;
    margin-left: 40px;
    margin-right: 20px;
}

.hwFour > div {
    display: inline-block;
    vertical-align: top;
}

.hwFour .hwFourLeft {
    width: 60%;
}

.hwFour .hwFourLeft.one {
    width: 100%;
}

.hwFour .hwFourRight {
    width: 30%;
    margin-left: 10%;
    background: #eee;
    padding: 20px;
    box-sizing: border-box;
}

.hwFourRight > span {
    display: block;
    line-height: 50px;
    font-size: 18px;
    border-bottom: 1px solid #ddd;
}

.hwSecondHead > span {
    position: relative;
}

/*
.hwSecondHead > span.active:before {
	content: '';
	position: absolute;
	border: 10px solid transparent;
	border-top: 10px solid #c7000b;
	top: 50px;
	left: 50%;
	margin-left: -5px;
}
*/
.navBread > .prevNav {
    color: #999;
    cursor: pointer;
}

.navBread > .prevNav:hover {
    color: #C7000B;
}

.navBread > .thisNav {
    font-weight: bold;
    margin-left: 5px;
}

.customHead,
.infoExpressHead {
    line-height: 30px;
}

.customHead .btnBack,
.mediaBodyHead .btnBack,
.infoExpressHead .btnBack {
    float: right;
    cursor: pointer;
    padding-left: 12px;
    color: #666;
    background: url(../imgs/common/more_icon_left.png) no-repeat left center;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.1s ease-in;
}

.customHead .btnBack:hover,
.mediaBodyHead .btnBack:hover,
.infoExpressHead .btnBack:hover {
    padding-left: 16px;
    color: #C7000B;
    transition: all 0.1s ease-in;
}

/*多媒体*/
.mediaHotCon .firstTit,
.hwEnginIndex .firstTit {
    font-size: 22px;
    padding-bottom: 15px;
}

.mediaHotCon > div {
    margin-bottom: 60px;
}

.mediaHotCon .firstTit {
    border-bottom: 1px solid #ddd;
}

.mediaHotCon .firstCon,
.hwEnginIndex .firstCon {
    padding-top: 15px;
    padding-bottom: 30px;
    overflow: hidden;
}

.mediaHotCon .firstCon {
    white-space: nowrap;
}

.mediaHotCon .secondTit {
    font-size: 18px;
    padding-bottom: 30px;
}

.mediaHotCon .secondCon {
    line-height: 30px;
}

.mediaHotCon div[nodeid=G1-4-1-2] label {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 0 10px;
    margin: 4px 40px 0 0;
    border-radius: 6px;
}

.mediaHotCon div[nodeid=G1-4-1-2] label > a {
    display: block;
}

.mediaHotCon .parentLabel {
    position: relative;
}

.parentLabel .hotFourChild {
    position: absolute;
    left: 0;
    padding-top: 10px;
    display: none;
}

.parentLabel:hover .hotFourChild {
    display: block;
}

.parentLabel .hotFourLinkBox {
    display: inline-block;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px #ddd;
    white-space: nowrap;
    border-radius: 6px;
    position: relative;
}

.hotFourLinkBox:before,
.hotFourLinkBox:after {
    content: '';
    position: absolute;
    left: 30px;
    border: 10px solid transparent;
}

.hotFourLinkBox:before {
    border-bottom: 10px solid #fff;
    top: -20px;
    z-index: 2;
}

.hotFourLinkBox:after {
    top: -21px;
    border-bottom: 10px solid #ddd;
}

.parentLabel .hotFourChild a {
    display: inline-block;
    margin: 0 10px;
}

.mediaHotCon div[nodeid=G1-4-1-2] label:hover {
    background: #f7f7f7;
}

.divnormalLink,
.wirInfoIcon,
.vedioInfoIcon,
.wirIconInfoIcon {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #fff;
    white-space: normal;
    text-align: center;
    border-radius: 6px;
}

.wirInfoIcon > a {
    background: #f9f9f9;
    border-radius: 6px;
}

/*
.vedioInfoIcon:hover,
.wirIconInfoIcon:hover,
.divnormalLink:hover,
.wirInfoIcon:hover {
	border: 1px solid #d9d9d9;
}
*/
.divnormalLink a,
.wirInfoIcon a,
.vedioInfoIcon a,
.wirIconInfoIcon a {
    box-sizing: border-box;
    display: block;
    text-align: center;
}

.vedioInfoIcon a,
.wirIconInfoIcon a {
    padding: 20px 20px 10px 20px;
}

.divnormalLink {
    padding: 0 16px 10px 16px;
}

.wirInfoIcon,
.mediaFirstResult .divnormalLink {
    padding: 30px 16px 10px 16px;
}

.divnormalLink img,
.wirInfoIcon img,
.vedioInfoIcon img,
.wirIconInfoIcon img {
    display: inline-block;
    vertical-align: top;
    transform: scale(1);
    transition: transform 0.2s ease-in;
}

.divnormalLink img,
.wirInfoIcon img {
    width: 78%;
}

.vedioInfoIcon img,
.wirIconInfoIcon img {
    width: 100%;
    border-radius: 6px;
}

.divnormalLink:hover img,
.wirInfoIcon:hover img,
.vedioInfoIcon:hover img,
.wirIconInfoIcon:hover img {
    transform: scale(1.05);
    transition: transform 0.2s ease-in;
}

.mediaHotCon .divnormalLink,
.mediaHotCon .wirInfoIcon {
    width: 20%;
}

.mediaHotCon .wirInfoIcon {
    position: relative;
}

.mediaHotCon .vedioInfoIcon,
.mediaHotCon .wirIconInfoIcon {
    width: 18.4%;
    margin-right: 2%;
}

.mediaBody .vedioInfoIcon,
.mediaBody .wirIconInfoIcon {
    width: 20%;
    margin: 10px 0;
}

.mediaBody .wirInfoIcon,
.mediaBody .divnormalLink {
    width: 20%;
    margin: 10px 0;
}

.mediaHotCon div[nodeid=G1-4-1-2] .secondCon {
    white-space: normal;
}

/*
.mediaHotCon div[nodeid=G1-4-4] .firstCon,
.mediaHotCon div[nodeid=G1-4-3] .firstCon,
*/
.mediaFirst[nodeid=G1-4-3] .mediaFourResult {
    text-align: left;
}

.mediaFirst[nodeid=G1-4-1-1] .mediaFourResult {
    margin-left: -14px;
    margin-right: -14px;
    text-align: left;
}

.divnormalLink span,
.wirInfoIcon span,
.vedioInfoIcon span,
.wirIconInfoIcon span {
    display: inline-block;
    font-size: 16px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
}

.wirInfoIcon span {
    padding-bottom: 10px;
}

.mediaFirstCon .divnormalLink,
.mediaFourCon .wirInfoIcon,
.mediaFourCon .vedioInfoIcon {
    display: none;
}

.mediaFirstCon .divnormalLink.show,
.mediaFourCon .wirInfoIcon.show,
.mediaFourCon .vedioInfoIcon.show {
    display: inline-block;
}

.mediaBodyCon > div.mediaFirst,
.mediaFirstCon > div.mediaSecondCon,
.mediaThirdCon > div.mediaFourCon,
.mediaCon .mediaBody {
    display: none;
}

.mediaBodyCon > div.active,
.mediaFirstCon > div.active,
.mediaThirdCon > div.active {
    display: block;
}

.mediaBodyHead {
    line-height: 30px;
}

.mediaFirstTit {
    width: 100%;

    margin: 0;
    color: #fff;

    white-space: nowrap;
    /* overflow: hidden*/
}

.mediaBodyCon div[nodeid=G1-4-4-1] .mediaFirstCon,
.mediaBodyCon div[nodeid=G1-4-4-2] .mediaFirstCon,
.mediaBodyCon div[nodeid=G1-4-4-3] .mediaFirstCon {
    padding: 20px 22px;
    background: #f7f7f7;
    border-radius: 6px;
    margin: 30px 0;
    text-align: center;
}

.mediaFourResult {
    min-height: 500px;
}

.mediaFirstTit span {
    font-size: 18px;
    padding-left: 20px;
}

.mediaFirstTit .downAll {
    position: absolute;
    right: 310px;
    top: 10px;
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    background: #c7000b;
    color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 10px;
    font-weight: normal;
    cursor: pointer;
}

.mediaThirdTit {
    white-space: nowrap;
    min-height: 58px;
    line-height: 58px;
}

.mediaThirdTit .mediaThirdLeft,
.mediaThirdTit .mediaThirdRight {
    display: inline-block;
    vertical-align: top;
}

.mediaThirdTit .mediaThirdLeft {
    width: 10%;
    text-align: right;
    font-size: 16px;
    color: #666;
}

.mediaThirdTit .mediaThirdRight {
    text-align: left;
    white-space: normal;
}

.wirInfoIcon {
    text-align: center;
}

.noResultMedia {
    width: 100%;
    height: 265px;
    background: url(../imgs/common/white.png) no-repeat center top;
    position: relative;
}

.noResultMedia span {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}

.mediaFirstTit {
    position: relative;
}

.mediaFirstTit .downList {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 40px;
}

.downList .btn {
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    background: #c7000b;
    color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    padding-left: 14px;
    padding-right: 40px;
}

.downList .btn:before {
    content: '';
    position: absolute;
    right: 10px;
    top: 10px;
    border: 6px solid transparent;
    border-top: 8px solid #fff;
}

.downList .downUl {
    display: none;
    position: absolute;
    top: 34px;
    width: 100%;
    min-height: 20px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: 0 0 4px #aaa;
    color: #333;
    font-size: 16px;
}

.downList:hover .downUl {
    display: block;
}

.downList:hover .btn:before {
    top: 4px;
    border: 6px solid transparent;
    border-bottom: 8px solid #fff;
}

.downList .downLi {
    line-height: 30px;
    padding-left: 14px;
}

.downList .downLi:hover {
    color: #c7000b;
}

.wirIconConImg {
    max-width: 100%;
}

/*右下角浮动按钮*/
.indexFeed {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 48px;
    z-index: 500;
    top: 50%;
    margin-top: -125px;
    transition: right 0.2s ease-in;
}

.indexFeed.slideUp {
    right: -49px;
    transition: right 0.2s ease-in;
}

.indexFeed .iconBox {
    display: inline-block;
    width: 48px;
    height: 48px;
    position: relative;
    margin-bottom: 2px;
}

.indexFeed .iconBox a {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    background-color: #ccc;
    text-align: left;
    transition: all .3s ease-in;
}

.indexFeed .iconBox.icon_old a {
    background: #c7000b;
}

.indexFeed .iconImg {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background-image: url(../imgs/common/rightNavIcon.png);
    background-repeat: no-repeat;
    /* background-color: #c7000b !important; */
    background-color: RGB(204, 204, 204);
    color: #fff;
}

.indexFeed .iconImg:hover {
    background-color: #c7000b !important;
}

.indexFeed .slideAll {
    position: absolute;
    left: 0;
    top: -20px;
    width: 18px;
    height: 18px;
    background: url(../imgs/common/rightslideNav.png) no-repeat left center;
    cursor: pointer;
}

.indexFeed .slideAll.slideUp {
    left: -20px;
    background: url(../imgs/common/leftslideNav.png) no-repeat left center;
}

.indexFeed .iconText {
    display: none;
    padding-left: 10px;
    white-space: nowrap;
}

.icon_top .iconImg {
    background-position: left top;
}

.lotteryLink .iconImg {
    background-position: left -134px;
}

.icon_machine .iconImg {
    background-position: left -66px;
}

.icon_feedback .iconImg {
    background-position: left -198px;
}

.icon_old .iconImg {
    background: none;
    font-size: 28px;
    text-align: center;
    line-height: 45px;
}

.icon_old .iconImgEn {
    font-size: 20px;
    line-height: 48px;
}

.icon_mail .iconImg {
    background-position: left -314px;
}

.indexFeed > div a:hover {
    background: #c7000b;
    width: 150px;
    transition: all .3s ease-in;
}

.indexFeed > div a:hover .iconText {
    display: inline-block;
}

.wirProDownWindow {
    position: fixed;
    top: 10%;
    left: 50%;
    width: 800px;
    margin-left: -400px;
    z-index: 810;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    display: none;
}

.wirProDownWindow .tit,
.wirProDownWindow .foot {
    background: #eee;
    padding: 0 20px;
}

.wirProDownWindow .tit {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    position: relative;
}

.wirProDownWindow .con {
    padding: 20px 46px;
}

.wirProDownWindow .foot {
    height: 60px;
    line-height: 60px;
    text-align: right;
    font-size: 16px;
    color: #666;
}

.wirProDownWindow .conHead {
    border-bottom: 1px solid #ddd;
}

label.checkBox,
.option.muti {
    cursor: pointer;
}

span.checkBoxIcon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    box-sizing: border-box;
    margin-right: 14px;
}

.option_All:hover .checkBoxIcon,
.checkBox:hover .checkBoxIcon,
.option:hover .checkBoxIcon {
    border: 1px solid #c7000b;
}

.option.disabled:hover .checkBoxIcon,
.option.disabled .checkBoxIcon {
    border: 1px solid #ddd;
}

.option_All.selected .checkBoxIcon,
.checkBox.checked .checkBoxIcon,
.option.selected .checkBoxIcon {
    background: url(../imgs/common/checkBoxChecked.png) no-repeat center center;
    border: 1px solid #c7000b;
}

.option.selected.disabled .checkBoxIcon {
    opacity: 0.5;
}

.wirProDownWindow .checkBox {
    line-height: 40px;
    display: inline-block;
    min-width: 40%;
}

.wirProDownWindow .downSelectAll {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-radius: 6px;
    background: #c7000b;
    color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    padding: 0 10px;
    font-weight: normal;
    cursor: pointer;
    margin-left: 20px;
}

.wirProDownWindow .downSelectAll.disabled {
    background: #aaa;
    cursor: not-allowed;
}

.wirProDownWindow .close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background: url(../imgs/common/btn_close.png) no-repeat center center;
}

/*意见反馈*/
/* 意见反馈样式 */
.back {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #9A9A9A;
    opacity: 0.3;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    z-index: 888;
}

#feedback-win,
#feedback-win-doc {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

#feedback-win .content-box,
#feedback-win-doc .content-box {
    width: 1060px;
    margin: 0 auto;
    margin-top: 60px;
    border: 1px solid #ccc;
    background: #F9FCFF;
}

#feedback-win div {
    overflow: hidden;
}

#feedback-win-doc .content-body {
    width: 100%;
    max-height: 500px;
    overflow-y: auto;
}

#feedback-win .title-box,
#feedback-win-doc .title-box {
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    background: #F7F7F7;
    border-bottom: 2px solid #DFDFDF;
}

#feedback-win .title-font,
#feedback-win-doc .title-font {
    margin-top: 6px;
    float: left;
}

#feedback-win .close-font,
#feedback-win-doc .close-font {
    float: right;
    cursor: pointer;
    font-size: 20px;
}

#feedback-win .content-body,
#feedback-win-doc .content-body {
    text-align: center;
    background: #fff;
}

/* 意见反馈样式END */
/* 登录提示 */
.firTips {
    background-color: #f7f7f7;
    width: 246px;
    height: 110px;
    /*color: #fff;*/
    position: fixed;
    top: 126px;
    display: none;
    z-index: 999;
}

#addExp {
    float: left;
    width: 90px;
    height: 110px;
    text-align: center;
    line-height: 110px;
    font-size: 27px;
}

#welcomeUser {
    float: left;
    width: 150px;
    font-size: 12px;
    text-align: center;
    height: 55px;
    line-height: 70px;
}

#daysOfLanding {
    float: left;
    width: 150px;
    height: 55px;
    text-align: center;
    font-size: 12px;
}


/* 翻转 用于[符号变化 下拉框] */
.rotate180 {
    transform: rotateX(180deg);
}

.noShow {
    display: none !important;
    z-index: 0 !important;
}

/*chenyuaho 0602*/
/* 导航 */
/* 鍒囨崲tie鎸夐挳 */
.changeTie {
    display: flex;
    align-items: center;
    /* color:#fff; */
    position: relative;
    height: 50px;
}

.changeTie > span:first-of-type {
    max-width: 140px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 50px;
}

.changeTie > span:first-of-type span {
    /*     max-width: 95px; */
    max-height: 14px;
    display: inline-block;
}

/* 鐗堟湰鑿滃崟閫氱敤甯冨眬 */
.changeTie .TieOption {
    display: none;
    line-height: 26px;
    padding: 0 15px;
    box-shadow: 0px 1px 9px #d1caca;
    background: white;
    color: black;
    position: absolute;
    top: 50px;
    z-index: 400;
    font-size: 16px;
    width: 155px;
    left: -16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.changeTie:hover .TieOption {
    display: block;
}

.changeTie:hover .ion1 {
    transform: rotateX(180deg);
}

.toTitle {
    padding-bottom: 6px;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #decfcf;
}

.toBody1 {
    border-top: 1px solid #efe2e2;
    padding: 10px 0;

}

.toBody1 .toTitle span {
    display: inline-block;
    margin-right: 10px;
}

.TieOption .toBody1 p {
    margin-top: 5px;
}

.TieOption a {
    color: #333 !important;
}

#TieOption a {
    color: black;
}

.TieOption .now_red a {
    color: #c7000b !important;
}

.TieOption .now_red .ion {
    color: #c7000b !important;
}

.TieOption p a, .changeTie > span {
    cursor: pointer;
}

.toBody1 .toTitle a {
    /* color:#c7000b !important; */
}

.TieOption a:hover {
    color: #c7000b !important;
}

/* 鑿滃崟鍗曞垪甯冨眬 */

/* 涓ゅ垪甯冨眬 */
.twoCol {
    width: 190px !important;
    left: -15px !important;
}

.twoCol .toBody1 {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.twoCol p {
    width: 45%;
    min-width: 45%;
}

.clearfix:after {
    display: block;
    height: 0;
    content: '';
    clear: both;
}

/* 输入框聚焦失焦变化 */
/* .changeTie{
	display: none;
} */
body > div:first-of-type {
    position: relative;
    padding-bottom: 60px;
    min-height: 100%;
    box-sizing: border-box;
}

.indexPage .flexslider .slides img {
    width: 100%;
    height: 90px !important;
}

[v-cloak] {
    display: none;
}

.huaweiImg {
    width: 100px;
    margin-left: -15px;
}

.current_title {
    margin-left: -40px;
}

.langPosition {
    margin-right: -76px;
    border-right: 2px solid;
    padding: 0 5px;
    position: absolute;
    right: 105px;
}

.positionDiv {
    position: relative;
}

.showMust {
    display: block !important;
}
#loadding.showMust{
    background: white;
    z-index: 104;
}


/*弹窗界面*/

/* 消息提示弹框 */
#tipNoSure {
    position: fixed;
    top: 20px;
    z-index: 500;
    min-width: 100px;
    text-align: center;
    /* background: rgb(202, 243, 202); */

    box-shadow: 3px 3px 10px -3px gray;
    /* background:#eef6ff; */
    background: #c8f7c8;
    padding: 10px;
    border-radius: 6px;
    left: 50%;
    transform: translate(-50%, 0px);
    opacity: 0;
    display: none;
}
/*积分抽奖问题*/
.userOtherMes .alink span>a{
    display: inline;
    color: #333;
}
/*消息三角*/
.horns::before {
       position: absolute;
       z-index: 15;
       top: -19px;
       right: 7px;
       display: block;
       border: 10px solid transparent;
       content: '';
       border-bottom: 10px solid #ddd;
}

.horns::after {
    position: absolute;
    z-index: 16;
    top: -16px;
    right: 8px;
    display: block;
    border: 9px solid transparent;
    content: '';
    border-bottom: 9px solid white;
}
.showMustLowZindex{
    display: block !important;
    background: #fff;
    z-index: 104;
}

.ar-t {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 6px 10px;
    background-color: #eee;
    border-radius: 4px;
    font-size: 12px;
    z-index: 13;
}

.ar-t img {
    width: 14px;
    vertical-align: middle;
    transform: scale(1) !important;
}

.ar-t div {
    vertical-align: middle;
    padding-left: 4px;
    display: inline-block;
}

.ar-t:hover {
    color: #fff;
    background-color: #333;
}

@-webkit-keyframes myAnimation {
    0% { -webkit-background-position: 0px 0px; }
    1.12% { -webkit-background-position: -60px 0px; }
    2.25% { -webkit-background-position: -120px 0px; }
    3.37% { -webkit-background-position: -180px 0px; }
    4.49% { -webkit-background-position: -240px 0px; }
    5.62% { -webkit-background-position: -300px 0px; }
    6.74% { -webkit-background-position: -360px 0px; }
    7.87% { -webkit-background-position: -420px 0px; }
    8.99% { -webkit-background-position: -480px 0px; }
    10.11% { -webkit-background-position: -540px 0px; }
    11.24% { -webkit-background-position: -600px 0px; }
    12.36% { -webkit-background-position: -660px 0px; }
    13.48% { -webkit-background-position: -720px 0px; }
    14.61% { -webkit-background-position: -780px 0px; }
    15.73% { -webkit-background-position: -840px 0px; }
    16.85% { -webkit-background-position: -900px 0px; }
    17.98% { -webkit-background-position: -960px 0px; }
    19.10% { -webkit-background-position: -1020px 0px; }
    20.22% { -webkit-background-position: -1080px 0px; }
    21.35% { -webkit-background-position: -1140px 0px; }
    22.47% { -webkit-background-position: -1200px 0px; }
    23.60% { -webkit-background-position: -1260px 0px; }
    24.72% { -webkit-background-position: -1320px 0px; }
    25.84% { -webkit-background-position: -1380px 0px; }
    26.97% { -webkit-background-position: -1440px 0px; }
    28.09% { -webkit-background-position: -1500px 0px; }
    29.21% { -webkit-background-position: -1560px 0px; }
    30.34% { -webkit-background-position: -1620px 0px; }
    31.46% { -webkit-background-position: -1680px 0px; }
    32.58% { -webkit-background-position: -1740px 0px; }
    33.71% { -webkit-background-position: -1800px 0px; }
    34.83% { -webkit-background-position: -1860px 0px; }
    35.96% { -webkit-background-position: -1920px 0px; }
    37.08% { -webkit-background-position: -1980px 0px; }
    38.20% { -webkit-background-position: -2040px 0px; }
    39.33% { -webkit-background-position: -2100px 0px; }
    40.45% { -webkit-background-position: -2160px 0px; }
    41.57% { -webkit-background-position: -2220px 0px; }
    42.70% { -webkit-background-position: -2280px 0px; }
    43.82% { -webkit-background-position: -2340px 0px; }
    44.94% { -webkit-background-position: -2400px 0px; }
    46.07% { -webkit-background-position: -2460px 0px; }
    47.19% { -webkit-background-position: -2520px 0px; }
    48.31% { -webkit-background-position: -2580px 0px; }
    49.44% { -webkit-background-position: -2640px 0px; }
    50.56% { -webkit-background-position: -2700px 0px; }
    51.69% { -webkit-background-position: -2760px 0px; }
    52.81% { -webkit-background-position: -2820px 0px; }
    53.93% { -webkit-background-position: -2880px 0px; }
    55.06% { -webkit-background-position: -2940px 0px; }
    56.18% { -webkit-background-position: -3000px 0px; }
    57.30% { -webkit-background-position: -3060px 0px; }
    58.43% { -webkit-background-position: -3120px 0px; }
    59.55% { -webkit-background-position: -3180px 0px; }
    60.67% { -webkit-background-position: -3240px 0px; }
    61.80% { -webkit-background-position: -3300px 0px; }
    62.92% { -webkit-background-position: -3360px 0px; }
    64.04% { -webkit-background-position: -3420px 0px; }
    65.17% { -webkit-background-position: -3480px 0px; }
    66.29% { -webkit-background-position: -3540px 0px; }
    67.42% { -webkit-background-position: -3600px 0px; }
    68.54% { -webkit-background-position: -3660px 0px; }
    69.66% { -webkit-background-position: -3720px 0px; }
    70.79% { -webkit-background-position: -3780px 0px; }
    71.91% { -webkit-background-position: -3840px 0px; }
    73.03% { -webkit-background-position: -3900px 0px; }
    74.16% { -webkit-background-position: -3960px 0px; }
    75.28% { -webkit-background-position: -4020px 0px; }
    76.40% { -webkit-background-position: -4080px 0px; }
    77.53% { -webkit-background-position: -4140px 0px; }
    78.65% { -webkit-background-position: -4200px 0px; }
    79.78% { -webkit-background-position: -4260px 0px; }
    80.90% { -webkit-background-position: -4320px 0px; }
    82.02% { -webkit-background-position: -4380px 0px; }
    83.15% { -webkit-background-position: -4440px 0px; }
    84.27% { -webkit-background-position: -4500px 0px; }
    85.39% { -webkit-background-position: -4560px 0px; }
    86.52% { -webkit-background-position: -4620px 0px; }
    87.64% { -webkit-background-position: -4680px 0px; }
    88.76% { -webkit-background-position: -4740px 0px; }
    89.89% { -webkit-background-position: -4800px 0px; }
    91.01% { -webkit-background-position: -4860px 0px; }
    92.13% { -webkit-background-position: -4920px 0px; }
    93.26% { -webkit-background-position: -4980px 0px; }
    94.38% { -webkit-background-position: -5040px 0px; }
    95.51% { -webkit-background-position: -5100px 0px; }
    96.63% { -webkit-background-position: -5160px 0px; }
    97.75% { -webkit-background-position: -5220px 0px; }
    98.88% { -webkit-background-position: -5280px 0px; }
    100.00% { -webkit-background-position: -5340px 0px; }
}
@-moz-keyframes myAnimation {
    0% { -moz-background-position: 0px 0px; }
    1.12% { -moz-background-position: -60px 0px; }
    2.25% { -moz-background-position: -120px 0px; }
    3.37% { -moz-background-position: -180px 0px; }
    4.49% { -moz-background-position: -240px 0px; }
    5.62% { -moz-background-position: -300px 0px; }
    6.74% { -moz-background-position: -360px 0px; }
    7.87% { -moz-background-position: -420px 0px; }
    8.99% { -moz-background-position: -480px 0px; }
    10.11% { -moz-background-position: -540px 0px; }
    11.24% { -moz-background-position: -600px 0px; }
    12.36% { -moz-background-position: -660px 0px; }
    13.48% { -moz-background-position: -720px 0px; }
    14.61% { -moz-background-position: -780px 0px; }
    15.73% { -moz-background-position: -840px 0px; }
    16.85% { -moz-background-position: -900px 0px; }
    17.98% { -moz-background-position: -960px 0px; }
    19.10% { -moz-background-position: -1020px 0px; }
    20.22% { -moz-background-position: -1080px 0px; }
    21.35% { -moz-background-position: -1140px 0px; }
    22.47% { -moz-background-position: -1200px 0px; }
    23.60% { -moz-background-position: -1260px 0px; }
    24.72% { -moz-background-position: -1320px 0px; }
    25.84% { -moz-background-position: -1380px 0px; }
    26.97% { -moz-background-position: -1440px 0px; }
    28.09% { -moz-background-position: -1500px 0px; }
    29.21% { -moz-background-position: -1560px 0px; }
    30.34% { -moz-background-position: -1620px 0px; }
    31.46% { -moz-background-position: -1680px 0px; }
    32.58% { -moz-background-position: -1740px 0px; }
    33.71% { -moz-background-position: -1800px 0px; }
    34.83% { -moz-background-position: -1860px 0px; }
    35.96% { -moz-background-position: -1920px 0px; }
    37.08% { -moz-background-position: -1980px 0px; }
    38.20% { -moz-background-position: -2040px 0px; }
    39.33% { -moz-background-position: -2100px 0px; }
    40.45% { -moz-background-position: -2160px 0px; }
    41.57% { -moz-background-position: -2220px 0px; }
    42.70% { -moz-background-position: -2280px 0px; }
    43.82% { -moz-background-position: -2340px 0px; }
    44.94% { -moz-background-position: -2400px 0px; }
    46.07% { -moz-background-position: -2460px 0px; }
    47.19% { -moz-background-position: -2520px 0px; }
    48.31% { -moz-background-position: -2580px 0px; }
    49.44% { -moz-background-position: -2640px 0px; }
    50.56% { -moz-background-position: -2700px 0px; }
    51.69% { -moz-background-position: -2760px 0px; }
    52.81% { -moz-background-position: -2820px 0px; }
    53.93% { -moz-background-position: -2880px 0px; }
    55.06% { -moz-background-position: -2940px 0px; }
    56.18% { -moz-background-position: -3000px 0px; }
    57.30% { -moz-background-position: -3060px 0px; }
    58.43% { -moz-background-position: -3120px 0px; }
    59.55% { -moz-background-position: -3180px 0px; }
    60.67% { -moz-background-position: -3240px 0px; }
    61.80% { -moz-background-position: -3300px 0px; }
    62.92% { -moz-background-position: -3360px 0px; }
    64.04% { -moz-background-position: -3420px 0px; }
    65.17% { -moz-background-position: -3480px 0px; }
    66.29% { -moz-background-position: -3540px 0px; }
    67.42% { -moz-background-position: -3600px 0px; }
    68.54% { -moz-background-position: -3660px 0px; }
    69.66% { -moz-background-position: -3720px 0px; }
    70.79% { -moz-background-position: -3780px 0px; }
    71.91% { -moz-background-position: -3840px 0px; }
    73.03% { -moz-background-position: -3900px 0px; }
    74.16% { -moz-background-position: -3960px 0px; }
    75.28% { -moz-background-position: -4020px 0px; }
    76.40% { -moz-background-position: -4080px 0px; }
    77.53% { -moz-background-position: -4140px 0px; }
    78.65% { -moz-background-position: -4200px 0px; }
    79.78% { -moz-background-position: -4260px 0px; }
    80.90% { -moz-background-position: -4320px 0px; }
    82.02% { -moz-background-position: -4380px 0px; }
    83.15% { -moz-background-position: -4440px 0px; }
    84.27% { -moz-background-position: -4500px 0px; }
    85.39% { -moz-background-position: -4560px 0px; }
    86.52% { -moz-background-position: -4620px 0px; }
    87.64% { -moz-background-position: -4680px 0px; }
    88.76% { -moz-background-position: -4740px 0px; }
    89.89% { -moz-background-position: -4800px 0px; }
    91.01% { -moz-background-position: -4860px 0px; }
    92.13% { -moz-background-position: -4920px 0px; }
    93.26% { -moz-background-position: -4980px 0px; }
    94.38% { -moz-background-position: -5040px 0px; }
    95.51% { -moz-background-position: -5100px 0px; }
    96.63% { -moz-background-position: -5160px 0px; }
    97.75% { -moz-background-position: -5220px 0px; }
    98.88% { -moz-background-position: -5280px 0px; }
    100.00% { -moz-background-position: -5340px 0px; }
}
@-ms-keyframes myAnimation {
    0% { -ms-background-position: 0px 0px; }
    1.12% { -ms-background-position: -60px 0px; }
    2.25% { -ms-background-position: -120px 0px; }
    3.37% { -ms-background-position: -180px 0px; }
    4.49% { -ms-background-position: -240px 0px; }
    5.62% { -ms-background-position: -300px 0px; }
    6.74% { -ms-background-position: -360px 0px; }
    7.87% { -ms-background-position: -420px 0px; }
    8.99% { -ms-background-position: -480px 0px; }
    10.11% { -ms-background-position: -540px 0px; }
    11.24% { -ms-background-position: -600px 0px; }
    12.36% { -ms-background-position: -660px 0px; }
    13.48% { -ms-background-position: -720px 0px; }
    14.61% { -ms-background-position: -780px 0px; }
    15.73% { -ms-background-position: -840px 0px; }
    16.85% { -ms-background-position: -900px 0px; }
    17.98% { -ms-background-position: -960px 0px; }
    19.10% { -ms-background-position: -1020px 0px; }
    20.22% { -ms-background-position: -1080px 0px; }
    21.35% { -ms-background-position: -1140px 0px; }
    22.47% { -ms-background-position: -1200px 0px; }
    23.60% { -ms-background-position: -1260px 0px; }
    24.72% { -ms-background-position: -1320px 0px; }
    25.84% { -ms-background-position: -1380px 0px; }
    26.97% { -ms-background-position: -1440px 0px; }
    28.09% { -ms-background-position: -1500px 0px; }
    29.21% { -ms-background-position: -1560px 0px; }
    30.34% { -ms-background-position: -1620px 0px; }
    31.46% { -ms-background-position: -1680px 0px; }
    32.58% { -ms-background-position: -1740px 0px; }
    33.71% { -ms-background-position: -1800px 0px; }
    34.83% { -ms-background-position: -1860px 0px; }
    35.96% { -ms-background-position: -1920px 0px; }
    37.08% { -ms-background-position: -1980px 0px; }
    38.20% { -ms-background-position: -2040px 0px; }
    39.33% { -ms-background-position: -2100px 0px; }
    40.45% { -ms-background-position: -2160px 0px; }
    41.57% { -ms-background-position: -2220px 0px; }
    42.70% { -ms-background-position: -2280px 0px; }
    43.82% { -ms-background-position: -2340px 0px; }
    44.94% { -ms-background-position: -2400px 0px; }
    46.07% { -ms-background-position: -2460px 0px; }
    47.19% { -ms-background-position: -2520px 0px; }
    48.31% { -ms-background-position: -2580px 0px; }
    49.44% { -ms-background-position: -2640px 0px; }
    50.56% { -ms-background-position: -2700px 0px; }
    51.69% { -ms-background-position: -2760px 0px; }
    52.81% { -ms-background-position: -2820px 0px; }
    53.93% { -ms-background-position: -2880px 0px; }
    55.06% { -ms-background-position: -2940px 0px; }
    56.18% { -ms-background-position: -3000px 0px; }
    57.30% { -ms-background-position: -3060px 0px; }
    58.43% { -ms-background-position: -3120px 0px; }
    59.55% { -ms-background-position: -3180px 0px; }
    60.67% { -ms-background-position: -3240px 0px; }
    61.80% { -ms-background-position: -3300px 0px; }
    62.92% { -ms-background-position: -3360px 0px; }
    64.04% { -ms-background-position: -3420px 0px; }
    65.17% { -ms-background-position: -3480px 0px; }
    66.29% { -ms-background-position: -3540px 0px; }
    67.42% { -ms-background-position: -3600px 0px; }
    68.54% { -ms-background-position: -3660px 0px; }
    69.66% { -ms-background-position: -3720px 0px; }
    70.79% { -ms-background-position: -3780px 0px; }
    71.91% { -ms-background-position: -3840px 0px; }
    73.03% { -ms-background-position: -3900px 0px; }
    74.16% { -ms-background-position: -3960px 0px; }
    75.28% { -ms-background-position: -4020px 0px; }
    76.40% { -ms-background-position: -4080px 0px; }
    77.53% { -ms-background-position: -4140px 0px; }
    78.65% { -ms-background-position: -4200px 0px; }
    79.78% { -ms-background-position: -4260px 0px; }
    80.90% { -ms-background-position: -4320px 0px; }
    82.02% { -ms-background-position: -4380px 0px; }
    83.15% { -ms-background-position: -4440px 0px; }
    84.27% { -ms-background-position: -4500px 0px; }
    85.39% { -ms-background-position: -4560px 0px; }
    86.52% { -ms-background-position: -4620px 0px; }
    87.64% { -ms-background-position: -4680px 0px; }
    88.76% { -ms-background-position: -4740px 0px; }
    89.89% { -ms-background-position: -4800px 0px; }
    91.01% { -ms-background-position: -4860px 0px; }
    92.13% { -ms-background-position: -4920px 0px; }
    93.26% { -ms-background-position: -4980px 0px; }
    94.38% { -ms-background-position: -5040px 0px; }
    95.51% { -ms-background-position: -5100px 0px; }
    96.63% { -ms-background-position: -5160px 0px; }
    97.75% { -ms-background-position: -5220px 0px; }
    98.88% { -ms-background-position: -5280px 0px; }
    100.00% { -ms-background-position: -5340px 0px; }
}
@-o-keyframes myAnimation {
    0% { -o-background-position: 0px 0px; }
    1.12% { -o-background-position: -60px 0px; }
    2.25% { -o-background-position: -120px 0px; }
    3.37% { -o-background-position: -180px 0px; }
    4.49% { -o-background-position: -240px 0px; }
    5.62% { -o-background-position: -300px 0px; }
    6.74% { -o-background-position: -360px 0px; }
    7.87% { -o-background-position: -420px 0px; }
    8.99% { -o-background-position: -480px 0px; }
    10.11% { -o-background-position: -540px 0px; }
    11.24% { -o-background-position: -600px 0px; }
    12.36% { -o-background-position: -660px 0px; }
    13.48% { -o-background-position: -720px 0px; }
    14.61% { -o-background-position: -780px 0px; }
    15.73% { -o-background-position: -840px 0px; }
    16.85% { -o-background-position: -900px 0px; }
    17.98% { -o-background-position: -960px 0px; }
    19.10% { -o-background-position: -1020px 0px; }
    20.22% { -o-background-position: -1080px 0px; }
    21.35% { -o-background-position: -1140px 0px; }
    22.47% { -o-background-position: -1200px 0px; }
    23.60% { -o-background-position: -1260px 0px; }
    24.72% { -o-background-position: -1320px 0px; }
    25.84% { -o-background-position: -1380px 0px; }
    26.97% { -o-background-position: -1440px 0px; }
    28.09% { -o-background-position: -1500px 0px; }
    29.21% { -o-background-position: -1560px 0px; }
    30.34% { -o-background-position: -1620px 0px; }
    31.46% { -o-background-position: -1680px 0px; }
    32.58% { -o-background-position: -1740px 0px; }
    33.71% { -o-background-position: -1800px 0px; }
    34.83% { -o-background-position: -1860px 0px; }
    35.96% { -o-background-position: -1920px 0px; }
    37.08% { -o-background-position: -1980px 0px; }
    38.20% { -o-background-position: -2040px 0px; }
    39.33% { -o-background-position: -2100px 0px; }
    40.45% { -o-background-position: -2160px 0px; }
    41.57% { -o-background-position: -2220px 0px; }
    42.70% { -o-background-position: -2280px 0px; }
    43.82% { -o-background-position: -2340px 0px; }
    44.94% { -o-background-position: -2400px 0px; }
    46.07% { -o-background-position: -2460px 0px; }
    47.19% { -o-background-position: -2520px 0px; }
    48.31% { -o-background-position: -2580px 0px; }
    49.44% { -o-background-position: -2640px 0px; }
    50.56% { -o-background-position: -2700px 0px; }
    51.69% { -o-background-position: -2760px 0px; }
    52.81% { -o-background-position: -2820px 0px; }
    53.93% { -o-background-position: -2880px 0px; }
    55.06% { -o-background-position: -2940px 0px; }
    56.18% { -o-background-position: -3000px 0px; }
    57.30% { -o-background-position: -3060px 0px; }
    58.43% { -o-background-position: -3120px 0px; }
    59.55% { -o-background-position: -3180px 0px; }
    60.67% { -o-background-position: -3240px 0px; }
    61.80% { -o-background-position: -3300px 0px; }
    62.92% { -o-background-position: -3360px 0px; }
    64.04% { -o-background-position: -3420px 0px; }
    65.17% { -o-background-position: -3480px 0px; }
    66.29% { -o-background-position: -3540px 0px; }
    67.42% { -o-background-position: -3600px 0px; }
    68.54% { -o-background-position: -3660px 0px; }
    69.66% { -o-background-position: -3720px 0px; }
    70.79% { -o-background-position: -3780px 0px; }
    71.91% { -o-background-position: -3840px 0px; }
    73.03% { -o-background-position: -3900px 0px; }
    74.16% { -o-background-position: -3960px 0px; }
    75.28% { -o-background-position: -4020px 0px; }
    76.40% { -o-background-position: -4080px 0px; }
    77.53% { -o-background-position: -4140px 0px; }
    78.65% { -o-background-position: -4200px 0px; }
    79.78% { -o-background-position: -4260px 0px; }
    80.90% { -o-background-position: -4320px 0px; }
    82.02% { -o-background-position: -4380px 0px; }
    83.15% { -o-background-position: -4440px 0px; }
    84.27% { -o-background-position: -4500px 0px; }
    85.39% { -o-background-position: -4560px 0px; }
    86.52% { -o-background-position: -4620px 0px; }
    87.64% { -o-background-position: -4680px 0px; }
    88.76% { -o-background-position: -4740px 0px; }
    89.89% { -o-background-position: -4800px 0px; }
    91.01% { -o-background-position: -4860px 0px; }
    92.13% { -o-background-position: -4920px 0px; }
    93.26% { -o-background-position: -4980px 0px; }
    94.38% { -o-background-position: -5040px 0px; }
    95.51% { -o-background-position: -5100px 0px; }
    96.63% { -o-background-position: -5160px 0px; }
    97.75% { -o-background-position: -5220px 0px; }
    98.88% { -o-background-position: -5280px 0px; }
    100.00% { -o-background-position: -5340px 0px; }
}
@keyframes myAnimation {
    0% { background-position: 0px 0px; }
    1.12% { background-position: -60px 0px; }
    2.25% { background-position: -120px 0px; }
    3.37% { background-position: -180px 0px; }
    4.49% { background-position: -240px 0px; }
    5.62% { background-position: -300px 0px; }
    6.74% { background-position: -360px 0px; }
    7.87% { background-position: -420px 0px; }
    8.99% { background-position: -480px 0px; }
    10.11% { background-position: -540px 0px; }
    11.24% { background-position: -600px 0px; }
    12.36% { background-position: -660px 0px; }
    13.48% { background-position: -720px 0px; }
    14.61% { background-position: -780px 0px; }
    15.73% { background-position: -840px 0px; }
    16.85% { background-position: -900px 0px; }
    17.98% { background-position: -960px 0px; }
    19.10% { background-position: -1020px 0px; }
    20.22% { background-position: -1080px 0px; }
    21.35% { background-position: -1140px 0px; }
    22.47% { background-position: -1200px 0px; }
    23.60% { background-position: -1260px 0px; }
    24.72% { background-position: -1320px 0px; }
    25.84% { background-position: -1380px 0px; }
    26.97% { background-position: -1440px 0px; }
    28.09% { background-position: -1500px 0px; }
    29.21% { background-position: -1560px 0px; }
    30.34% { background-position: -1620px 0px; }
    31.46% { background-position: -1680px 0px; }
    32.58% { background-position: -1740px 0px; }
    33.71% { background-position: -1800px 0px; }
    34.83% { background-position: -1860px 0px; }
    35.96% { background-position: -1920px 0px; }
    37.08% { background-position: -1980px 0px; }
    38.20% { background-position: -2040px 0px; }
    39.33% { background-position: -2100px 0px; }
    40.45% { background-position: -2160px 0px; }
    41.57% { background-position: -2220px 0px; }
    42.70% { background-position: -2280px 0px; }
    43.82% { background-position: -2340px 0px; }
    44.94% { background-position: -2400px 0px; }
    46.07% { background-position: -2460px 0px; }
    47.19% { background-position: -2520px 0px; }
    48.31% { background-position: -2580px 0px; }
    49.44% { background-position: -2640px 0px; }
    50.56% { background-position: -2700px 0px; }
    51.69% { background-position: -2760px 0px; }
    52.81% { background-position: -2820px 0px; }
    53.93% { background-position: -2880px 0px; }
    55.06% { background-position: -2940px 0px; }
    56.18% { background-position: -3000px 0px; }
    57.30% { background-position: -3060px 0px; }
    58.43% { background-position: -3120px 0px; }
    59.55% { background-position: -3180px 0px; }
    60.67% { background-position: -3240px 0px; }
    61.80% { background-position: -3300px 0px; }
    62.92% { background-position: -3360px 0px; }
    64.04% { background-position: -3420px 0px; }
    65.17% { background-position: -3480px 0px; }
    66.29% { background-position: -3540px 0px; }
    67.42% { background-position: -3600px 0px; }
    68.54% { background-position: -3660px 0px; }
    69.66% { background-position: -3720px 0px; }
    70.79% { background-position: -3780px 0px; }
    71.91% { background-position: -3840px 0px; }
    73.03% { background-position: -3900px 0px; }
    74.16% { background-position: -3960px 0px; }
    75.28% { background-position: -4020px 0px; }
    76.40% { background-position: -4080px 0px; }
    77.53% { background-position: -4140px 0px; }
    78.65% { background-position: -4200px 0px; }
    79.78% { background-position: -4260px 0px; }
    80.90% { background-position: -4320px 0px; }
    82.02% { background-position: -4380px 0px; }
    83.15% { background-position: -4440px 0px; }
    84.27% { background-position: -4500px 0px; }
    85.39% { background-position: -4560px 0px; }
    86.52% { background-position: -4620px 0px; }
    87.64% { background-position: -4680px 0px; }
    88.76% { background-position: -4740px 0px; }
    89.89% { background-position: -4800px 0px; }
    91.01% { background-position: -4860px 0px; }
    92.13% { background-position: -4920px 0px; }
    93.26% { background-position: -4980px 0px; }
    94.38% { background-position: -5040px 0px; }
    95.51% { background-position: -5100px 0px; }
    96.63% { background-position: -5160px 0px; }
    97.75% { background-position: -5220px 0px; }
    98.88% { background-position: -5280px 0px; }
    100.00% { background-position: -5340px 0px; }
}

.ar-3d-icon {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 12;
    background-image: url(../imgs/search/bg3d.png);
    width: 60px;
    height: 60px;
    transform: scale(.7);
    -webkit-animation: myAnimation 2.97s steps(1) infinite;
    -moz-animation: myAnimation 2.97s steps(1) infinite;
    -ms-animation: myAnimation 2.97s steps(1) infinite;
    -o-animation: myAnimation 2.97s steps(1) infinite;
    animation: myAnimation 2.97s steps(1) infinite;
}


/*通用原子类*/
.c-red{
    color: #c7000b;
}