* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Roboto', sans-serif;
    background: #F7F7F7;
}

.logo {
    font-size: 30px;
    font-family: Arial;
    font-weight: 400;
    color: #696969;
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container>.navbar-header {
    border: none;
}

a:hover {
    color: #FF9B19;
    text-decoration: none;
    cursor: pointer;
}

a:focus {
    color: inherit;
    text-decoration: none;
}

a {
    color: inherit;
    text-decoration: none;
}

.tab-item a:hover {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.header .nav a:focus {
    color: #B7B7B7 !important;
}

.navbar-login {
    width: 74px;
    height: 34px;
    background: rgb(63, 63, 63);
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    margin-top: 19px;
}

.login {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #B7B7B7;
    line-height: 34px;
}


.header {
    background-color: #353535;
    border-color: none;
}

.header .navbar-nav>li>a:focus,
.header .navbar-nav>li>a:hover {
    color: #FF9B19;
}

.header .navbar-nav>li>a {
    color: #B7B7B7;
    font-weight: 400;
    outline: none;
    margin-left: 4px;
}

.navbar {
    margin-bottom: 0px;
    border: none;
    height: 103px;
}

.search-left2 {
    background: rgb(83, 83, 83);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: inline-block;
    width: 100px;
    height: 45px;
    vertical-align: top;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #B7B7B7;
    cursor: pointer;
}

.nav-search {
    margin: 13.5px 15px 13.5px 0;
    background: #3f3f3f;
    border-radius: 5px;
    display: none;
    float: right;
    position: relative;
}


.search-left2>span {
    position: absolute;
    left: 14px;
    top: 29%;
}



.nav-search>img {
    position: absolute;
    right: 3%;
    top: 35%;
    cursor: pointer;
}

.drop-down {
    position: absolute;
    color: rgb(100, 100, 100);
    background: #ffffff;
    opacity: .95;
    border-radius: 5px;
    width: 138px;
    margin-top: 1px;
    padding-top: 10px;
    z-index: 1;
}

#drop-down3 {
    width: 100px;
}

#drop-down3 p {
    margin-left: 11px;
    margin-right: 13px;
}

.drop-down>p:hover {
    color: #FF9B19;
    cursor: pointer;
}

.tab {
    padding: 10px 0;
    margin-left: 15px;
}

.tab p,
.tab li {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(102, 102, 102);
    display: inline-block;
    margin-bottom: 0;
}

.tab ul {
    display: inline-block;
}

.tab li {
    width: 63px;
    height: 33px;
    line-height: 33px;
    text-align: center;
}

.tab li:hover,
.tab li:focus {
    background: rgb(255, 139, 25);
    border-radius: 4px;
    color: white;
}

.check {
    background: rgb(255, 139, 25);
    border-radius: 4px;
    color: #FFFFFF;
}

.content-item {
    max-width: 1440px;
}

.content {
    background: #ececec;
    margin-top: 50px;
    padding-bottom: 20px;
}

.box {
    max-width: 343px;
    background: white !important;
    border-radius: 5px;
    max-width: 100%;
    margin: 20px 0;
}

.box>img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}

.box>span>img {
    vertical-align: text-top;
    cursor: pointer;
}

.box>p {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(63, 19, 19);
    margin: 13px 0 5px 14px;
}

.box span {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(153, 153, 153);
    line-height: 36px;
}

.box>span {
    margin: 0 15px;
}

.box>span+span {
    float: right;
}

.drop-down p {
    margin-left: 30px;
    margin-right: 40px;
}

footer {
    background: #232323;
    padding: 28px 0 200px 0;
}

footer span {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 52px;
}

footer p {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(123, 123, 123);
    line-height: 24px;
    max-width: 465px;

}


.about:hover {
    color: #FF9B19;
}

.about {
    cursor: pointer;
    display: inline-block;
}

.jiantou {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: none;
}

.erweima {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 36%);
}

.btn-row {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-top: 20px;
    cursor: pointer;
    margin-left: 15px;
}

.btn-row ul {
    margin-bottom: 0;
}

.btn-row li {
    display: inline-block;
    margin-right: 25px;
}

.pagination>li>a,
.pagination>li>span {
    margin-right: 12px;
    width: 46px;
    height: 46px;
    padding: 12px 12px;
    color: #666666;
    border-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>a:focus {
    color: white;
    background-color: #FF9B19;
}

.link {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(102, 102, 102);
    line-height: 50px;
}

.content h1 {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(51, 51, 51);
    line-height: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.content-area {
    background: #DFDFDF;
    border-radius: 10px;
    width: 100%;
    color: rgb(51, 51, 51);
    padding-top: 29px;
    padding-bottom: 20px;
}

.content-area p {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(102, 102, 102);
    line-height: 24px;
    margin-bottom: 15px;
}

.content-area>a {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 34px;
    display: block;
    margin-left: 20px;
}
.content-area p a:hover{
    color: rgb(102, 102, 102);
}

.sidebar ul {
    display: inline-block;
    margin-left: 20px;
    line-height: 23px;
}

li {
    list-style: none;
}

.main {
    padding: 0 30px;
    margin-bottom: 20px;
}

.main img {
    width: 100%;
}

.recommend {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51);
    line-height: 34px;
    margin-top: 20px;
    margin-bottom: 0;
}

.level {
    float: right;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(255, 139, 25);
    line-height: 24px;
    cursor: pointer;
    margin-right: 35px;
}

.download {
    background: #FF8B19;
    border-radius: 4px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 46px;
    width: 180px;
    height: 46px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.download-xdfsdfwsdf {
    background: #FF8B19;
    border-radius: 4px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(255, 255, 255);
    line-height: 46px;
    width: 180px;
    height: 46px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.download:hover {
    background: #FFA54C;
}

.download:focus {
    background: #F87B00;
}

.sidebar {
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 40px;
}

.icon-box {
    display: inline-block;
    width: 44px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 4px;
    vertical-align: bottom;
    text-align: center;
    margin-left: 5px;
    color: #b9b9b9;
}

.icon-box:hover,
.icon-box:active {
    color: #FF8B19;
    cursor: pointer;
}

.iconfont {
    font-size: 21px;
    line-height: 46px;
}

.card {
    background: rgb(255, 255, 255);
    border-radius: 10px;
    padding-bottom: 20px;
}

.card p {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(102, 102, 102);
    line-height: 32px;
    margin-bottom: 0;
    margin-left: 26px;
}

.card a {
    margin: 0 25px;
    outline: none;
}

.card h2 {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgb(51, 51, 51);
    line-height: 53px;
    margin-left: 26px;
}

.home_title:after {
    content: '';
    display: block;
    max-width: 300px;
    height: 0;
    border-bottom: 1px solid #F1F1F1;
}

@media (min-width: 768px) {
    .sidebar {
        padding-top: 50px;
    }

    .logo {
        margin-top: 11px;
    }

    .header .navbar-nav>li>a {
        margin-left: 0;
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .navbar-login {
        margin-left: 15px;
    }

    .tab p,
    .tab li {
        font-size: 16px;
    }

    .tab li {
        width: 101px;
        height: 33px;
    }

    .btn-row {
        font-size: 16px;
    }

    .btn-row li {
        margin-right: 38px;
    }

    .content {
        margin-top: 72px;
    }

}

@media (min-width: 992px) {
    footer {
        padding: 28px 0 19px 0;
    }
}

@media (min-width: 1200px) {
    .erweima {
        position: static;
        top: 0;
        left: 0;
        transform: inherit;
    }

    .level {
        margin-left: 180px;
    }

    .download {
        /*width: 216px;*/
    }
}

@media (min-width: 1470px) {
    .big {
        max-width: 1470px;
    }
}



.search a {
    width: 100px;
    height: 38px;
    background: rgb(247, 247, 247);
    border: 1px solid rgb(64, 209, 67);
    border-radius: 19px;
    display: inline-block;
    margin: 0;
    line-height: 38px;
    text-align: center;
    margin-bottom: 13px;
    color: #40D143;
    margin-left: 5px;
}

.search a:nth-child(2) {
    border: 1px solid rgb(216, 149, 20);
    color: #D89514;
}

.search a:nth-child(3) {
    border: 1px solid rgb(64, 170, 209);
    color: #40AAD1;
}

.search a:nth-child(4) {
    border: 1px solid rgb(230, 63, 204);
    color: #E63FCC;
}

.search>div {
    padding-left: 12px;
}

.at a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*max-width: 220px;*/
    text-align: left;
    color: #666666;
    line-height: 48px;
    display: block;
}

.at a:hover {
    color: #FF9B19;
}

.check2 {
    color: #FF8B19 !important;
}

@media (max-width: 1190px) {
    .welcome {
        text-indent: 0;
    }
}

.box > a > img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}

.box > p {
    white-space: nowrap; /*超出的空白区域不换行*/
    overflow: hidden; /*超出隐藏*/
    text-overflow: ellipsis; /*文本超出显示省略号*/
}

#bdshare_weixin_qrcode_dialog {
    height: auto !important;
}

.loginBox {
    width: 220px;
    height: 48px;
    display: block;
    line-height: 48px !important;
    text-align: center;
    z-index: 10;
    font-size: 16px !important;
    background: #FF8B19;
    color: #FFFFFF;
    border-radius: 6px;
    margin: 0 auto !important;
}

.loginBox:hover{
    color: #FFFFFF;
}


.qiang > a > img {
    width: 110px;
}
.qiang {
    position: fixed;
    top: 120px;
    right: 70px;
    z-index: 100;
}

.null {
    position: absolute;
    top: -3px;
    width: 11px;
    right: 10px;
    z-index: 100;
    cursor: pointer;
}

.five {
    font-size: 0;
}

.five > div {
    width: 18.5%;
    display: inline-block;
    margin: 15px 0.75%;
}

.box > p {
    margin: 10px 0 0px 14px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

.box span {
    font-size: 12px;
    font-weight: 400;
    color: rgb(153, 153, 153);
    line-height: 28px;
}

.box > span > img {
    vertical-align: text-bottom;
    width: 16px;
}

#bsWXBox {
    height: 256px !important;
    width: 232px !important;
}