body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"微软雅黑 Light","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#2d374b;text-decoration:none}
a:hover{color:#cd0200;text-decoration:underline}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.yellow {
    color: #ef7118;
}
.yellow-gradient {
    background: linear-gradient(to bottom, #ef7118, #ef9418);
    -webkit-background-clip: text;
    color: transparent;
}
.f8f8fa-bg {
    background-color: #f8f8fa;
}
.size-8 {
    font-size: 8px;
}
.size-12 {
    font-size: 12px;
}
.size-14 {
    font-size: 14px;
}
.size-16 {
    font-size: 16px;
}
.size-18 {
    font-size: 18px;
}
.size-30 {
    font-size: 30px;
}
.size-60 {
    font-size: 60px;
}
.font-weight {
    font-weight: bold;
}
.bg-fafbfc {
    background: #fafbfc;
    padding-top: 30px!important;
    padding-bottom: 20px!important;
}
.bg-fff {
    background: #fff;
    padding-top: 30px!important;
    padding-bottom: 20px!important;
}
body {
    width: 100%;
    overflow-x: scroll;
}
.header {
    position: absolute;
    top: 0;
    z-index: 15;
    height: 100px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.header-container {
    background: url(../img/lb.jpg) no-repeat center center;

    background-size: 100% 100%;
    position: relative;
}
.mask {
    background: url(../img/header-bg.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
}
.bar-items .active {
    color: #ef7118;
}
.active i {
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: #ef7118;
    left: 50%;
    margin-left: -15px;
}
.bar-container {
    width: 55%;
    float: left;
    display: flex;
    justify-content: center;
    height: 100%;
}
.bar-items {
    box-sizing: border-box;
    height: 100%;
}
.bar-items li {
    float: left;
    display: inline-flex;
    align-items: center;
    height: 100%;
    justify-items: center;

    cursor: pointer;
    position: relative;
    color: #fff;
}
.bar-items li span {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.bar-items li span:first-child {
    padding-bottom: 5px;
}
.logo {
    height: 100%;
    float: left;
    width: 25%;
    text-align: center;
    line-height: 100px;
}
.login {
    height: 100%;
    float: left;
    width: 20%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.logo img {
    margin-bottom: 5px;
}
.login img {
    width: 30px;
    height: 30px;

}
.login .line {
    width: 2px;
    height: 20px;
    margin: 0 20px;
    background: #fff;
}
.header-container .carousel-control {
    z-index: 15;
}
.header-container .carousel-indicators li.active {
    background-color: #ef7118;
    border-color: #ef7118;
}

.header-boy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.header-boy-container {
    display: flex;
    align-items: center;
    margin-top: 30px;
}
.header-container .glyphicon {
    font-size: 16px!important;
}
.header-lf {
    float: left;
    margin-right: 60px;
}
.header-lf p {
    margin-bottom: 0
}
.header-rt {
    float: left;
    background: url(../img/ring.png) no-repeat center center;
    width: 300px;
    height: 300px;
    background-size: 100% 100%;
    margin-left: 60px;
}
.header-lf-bottom {
    margin-top: 30px;
    color: #a8a8a8;
}
.header-lf-bottom p:last-child {
    margin-top: 10px;
}
.header-lf-bottom span {
    border: 1px solid #ef9418;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
    color: #fff;
}
.carousel-control {
    width: 5%!important;
}
.body-item {
    padding-top: 50px;
    overflow: hidden;
}
.body-item-title {
    display: flex;
    justify-content: center;
}
.body-item-title p:first-child {
    font-size: 32px;
    text-align: center;
    margin: 0;
    font-weight: bolder;
}
.title-line {
    background: url(../img/line.png) no-repeat center center;
    width: 100px;
    height: 6px;
    background-size: 100% 100%;
    margin: 10px auto;
}
.body-item-title p:last-child {
    color: #747474;
    font-size: 24px;
    margin-top: 10px;
}
.body-item-main {
    width: 80%;
    margin: 20px auto;
    overflow: hidden;
    display: flex;
}
.body-item-main li {
   flex: 1;
}
.body-item-main li>div {
    width: 180px;
    margin: auto;
    text-align: center;
    font-size: 18px;
}
.body-item-main li p {
    margin: auto;
    width: 150px;
    text-align: center;
}
.body-item-main li>div img {
    margin-bottom: 10px;
}
.characteristic-lf {
    position: relative;
    background: #333335;
    height: 500px;

}
.characteristic-lf-top {
    color: #fff;
    font-size: 22px;
    border: 3px solid #515151;
    position: absolute;
    left: 12%;
    top: 10%;
    width: 200px;
    height: 120px;
}
.characteristic-lf-top-box {
    position: relative;
    height: 100%;
}
.characteristic-lf-top-container {
    position: absolute;
    left: 0;
    height: 91px;
    top: 50%;
    margin-top: -45.5px;
    width: 168px;
    margin-left: -49px;
    background: #333335;
    padding: 10px 0;

}
.characteristic-lf-top-container p {
    margin: 0;
}
.characteristic-lf-top p:last-child {
    font-size: 28px;
}
.characteristic-lf-center {
    color: #3b3b3d;
    font-size: 87px;
    margin-top: 40%;
}
.characteristic-lf-bottom {
    padding-left: 30px;
}
.characteristic-lf-bottom img {
    width: 50%;
}
.float-box-container {
    display: flex;
    align-items: center;
}
.characteristic-lf-item {
    position: absolute;
    right: 20%;
    top: 0;
    bottom: 0;
    z-index: 1000;
    color: #fff;
    padding: 45px 0;
    font-size: 20px;
    margin: 0;
}
.characteristic-lf-item>li {
    height: 16.6667%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
}
.characteristic-lf-item>li .arrow {
    display: none;
}
.characteristic-lf-item>li .float-content {
    display: none;
}
.characteristic-lf-item>li.characteristic-active .arrow{
    display: block;
}
.characteristic-lf-item>li.characteristic-active .float-content {
    display: block;
}
.characteristic-lf-item>li.characteristic-active span {
    height: 36px;
    line-height: 36px;
    position: relative;

}
.characteristic-lf-item>li.characteristic-active span i {
    position: absolute;
    right: 0;
    width: 60%;
    height: 2px;
    background: #ef7118;
    bottom: 0;
}
.float-content {
    position: absolute;
    top: -15px;
    right: -840px;

}
.characteristic-lf-item>li:nth-child(2) .float-content{
    top: -90px;
}
.characteristic-lf-item>li:nth-child(3) .float-content{
    top: -165px;
}
.characteristic-lf-item>li:nth-child(4) .float-content{
    top: -240px;
}
.characteristic-lf-item>li:nth-child(5) .float-content{
    top: -315px;
}
.characteristic-lf-item>li:nth-child(6) .float-content{
    top: -390px;
}
.float-box-1 {
    height: 480px;
    width: 810px;
    background: #f6f6f8;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #545456;
    text-align: left;
}

.arrow {
    position: absolute;
    top:50%;
    right:-30px;
    margin-top: -16px;
    border-top:16px solid transparent;
    border-right:16px solid #f6f6f8;
    border-bottom:16px solid transparent;
    width:0;
    height:0;

}
.float-box-lf {
    margin-right: 30px;
}
.float-box-lf p {
    font-size: 24px;
}
.float-box-lf ul {
    padding-left: 20px;
}
.float-box-lf li {
    list-style: disc;
    margin-top: 10px;
}
.float-box-rt img{

    height: 270px;
}
.characteristic-rt {
    margin-left: 600px;
    height: 540px;
    background: url(../img/characher-img.png) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
    z-index: 550;
}
.function-img {
    width: 100%;
}
.function-list {
    margin-top: -100px;

    z-index: 100;
    position: relative;
    padding: 0 50px;
}
.function-list li {
    float: left;
    padding: 50px 20px;
    background-color: #fff;
    margin: 0 10px 50px 10px;
    width: calc(25% - 20px);
    height: 420px;
    position: relative;
}
.function-list li:first-child {
    height: 460px;
    margin: -20px 5px 30px 0;
    box-shadow:0 0 70px #ccc;
    width: 25%;
}
.function-list li:nth-child(2) {
    margin-left: 5px;
}
.first-li-title {
    font-size: 24px;
}
.function-list li>p {
    text-align: center;
}
.chat-footer {
    font-size: 8px;
    text-align: center;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    color: #cccccc;
}
.chat-footer p {
    margin: 0;
}
.chat-title {
    font-size: 20px;
    margin: 0;
    color: #333333;
}
.chat-title-2 {
    color: #ccc;
}
.first-li-title {
    padding-top: 30px;
}
.chat-info {
    text-align: left;
    font-size: 15px;
    padding: 20px;
    margin-top: 50px;
    color: #ccc;
}
.fn-container .characteristic-lf-center {
    margin-top: 48%;
}
.fn-container-item  {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    color: #fff;
    padding: 3% 0;
    font-size: 20px;
    display: flex;
    align-items: center;
    width: 40%;

}
.fn-container-ul {
    width: 100%;
}
.fn-container-ul li{
    margin-bottom: 60px;
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
}

.fn-container-ul li>div{
    width: 60%;
}
.fn-container-ul li:last-child {
    margin-bottom: 0;
}
.fn-container .characteristic-lf-center {
    font-size: 100px;
    font-weight: bold;
}
.fn-rt {
    margin-left: 600px;
    height: 540px;
    background: url(../img/fn-bg.png) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
    z-index: 550;

    color: #fff;
}
.fn-rt-main {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.fn-rt-container {
    width: 55%;
    position: relative;
}
.fn-rt-title {
    font-size: 28px;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 50px;
}
.fn-rt-text {
    font-size: 16px;
    letter-spacing: 3px;
}
.fn-text-last {
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
}
.fn-img-1 {
    text-align: right;
}
.fn-img-2 {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
}
.fn-img-2 img {
    width: 55%;
}
.fn-text-bottom {
    margin-top: 100px;
}
.fn-page {
    width: 55%;
    text-align: right;
    margin: 10px auto 0;
}
.price-container {
    position: relative;
    height: 600px;
    margin-bottom: 20px;
}
.price-line-box {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 100;
    line-height: 600px;
}
.price-item-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 120;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.price-item-box ul {

    overflow: hidden;
    width: 1000px;
}
.price-item-box li{
    background: url(../img/price-li.png) no-repeat center center;
    width: 480px;
    height: 250px;
    background-size: 100% 100%;
    float: left;
    margin-bottom: 40px;
}
.price-item-box li:nth-child(2n -1) {
    margin-right: 20px;
}
.price-item-box li:nth-child(2n) {
    margin-left: 20px;
}
.price-li-lf {
    float: left;
    width: 180px;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
}
.price-li-lf>div {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 120px;
}
.price-li-rt {
    margin-left: 180px;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
}
.price-title {
    font-size: 24px;
}
.price-title img {
    width: 24px;
    height: 24px;
    margin-left: -34px;
    margin-right: 10px;
}

.service-container {
    background: #333335;
    color: #fff;
    padding: 20px;
    position: relative;
    overflow: inherit;
}
.service-container-main {
    overflow: hidden;
}
.service-container .body-item-title p:last-child {
    color: #949494
}
.service-container-main li {
    float: left;
    width: 25%;
    text-align: center;
    color: #949494
}
.service-container-main li p:nth-child(2) {
    font-size: 24px;
    padding: 20px 0;
    color: #fff;
}

.free-use-box {
    background: url(../img/input-bg.png) no-repeat center center;
    color: #fff;
    padding: 20px;
    text-align: center;
    width: 100%;
    height: 100%;
}
.free-use-box p:first-child {
    font-size: 34px;
    margin-bottom: 20px;
}
.free-use-box p:last-child {
    display: flex;
    justify-content: center;
}
.free-use-box input {
    border: 1px solid #fff;
    outline: none;
    padding: 0 10px;
    color: #333;
    font-size: 16px;
    height: 50px;
    width: 400px;
    border-radius: 5px 0 0 5px;
}
.free-use-box span {
    background: transparent;
    font-size: 18px;
    word-spacing: 20px;
    width: 180px;
    display: inline-block;
    border: 1px solid #fff;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
}
.footer {
    background: #333335;
    overflow: hidden;
    color: #fff;
    padding: 40px 10%;
    height: 320px;
}
.footer-lf {
    float: left;
    width: calc(50% - 1px);
    padding: 10px;
}
.footer-lf ul {
    overflow: hidden;
}
.footer-lf li {
    float: left;
    width: 33.333%;
}
.footer-lf li p {
    font-size: 18px;
}
.footer-lf li div {
    margin-top: 10px;
    color: #949494;
    cursor: pointer;
}
.footer-rt {
    float: left;
    width: calc(50% - 1px);
    padding: 0 10px;
    display: flex;
    justify-content: center;
}
.footer-center {
    height: 100%;
    width: 2px;
    background: #949494;
    float: left;
}
.service-container-main li img {
    width: 100px;
    height: 90px;
}
.service-container>img {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    z-index: 1000
}

.dynamic-container {
    background: #fff;
    position: relative;
    z-index: 100;
    overflow: inherit;
}
.dynamic-container>img {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -20px;
}
.dynamic-container .body-item-title div {
    width: 70%;
    text-align: center;
}
.dynamic-line {
    background: url(../img/dynamic-line.png) no-repeat center center;
    height: 8px;
    background-size: 100% 100%;
}
.dynamic-main-box {
    width: 75%;
    margin: 20px auto;
    overflow: hidden;
}
.dynamic-lf {
    float: left;
    width: 50%;
    padding-top: 30px;

}
.dynamic-rt {
    float: left;
    width: 50%;
    text-align: center;
}
.dynamic-rt img {
    width: 80%;
}
.dynamic-lf-title {
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.dynamic-lf-title li {
    float: left;
    width: 33.33%;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #A4A4A4;
    cursor: pointer;
}
.dynamic-lf-title li:last-child {
    font-size: 16px;

}
.dynamic-active {
    border-bottom: 2px solid #ef7118;
}
.dynamic-lf-box {
    padding: 40px 10px;
}
.dynamic-lf-box li {
    color: #A4A4A4;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
}
.dynamic-lf-box li span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
}
.dynamic-lf-box li .dynamic-lf-box-text {
    color: #636363;
}
.dynamic-time {
    width: 50px;
    text-align: center;
}
.dynamic-lf-line {
    padding-right: 10px;
}
.wq-logo-box {
    overflow: hidden;
    display: flex;
    align-items: center;
}
.footer-rt img {
    margin-right: 10px;
}
.wq-logo-box>img {
    width: 80px;
    height: 80px;


}
.wq-logo-box>div {
    /*float: left;*/
}
.footer-rt>div>div {
    margin-bottom: 20px;
}

/*功能*/
.keywords-box {
    text-align: center;
    font-size: 18px;
}
.keywords-box span {
    padding: 0 20px;
    color: #ef7118;
    text-decoration: underline;

}
.fun-img {
    text-align: center;
    margin: 20px;
}
.fun-img img{
    height: 450px
}
.news-body {
    background: #f9f9f9;
}
.news-main {
    width: 80%;
    margin: 0 auto 80px;
    overflow: hidden;

}
.news-container {
    width: 70%;
    float: left;
}

.current-index {
    border-left: 3px solid #ef7118;
    padding: 0 5px;
    color: #353535;
    font-size: 16px;
    margin: 20px 0;
}
.news-box {
    border: 1px solid #f0f0f0;
    padding: 20px;
}
.news-box-title {
    font-size: 20px;
    color: #000;
    text-align: center;
    font-weight: bolder;
}
.news-box-time {
    text-align: center;
    color: #d4d4d4;

}
.news-box-time span{
    margin-right: 20px;
}
.news-item {
    margin-bottom: 10px;
}
.news-item p{
    font-size: 18px;
    color: #a9a9a9;
    margin-bottom: 0;
}
.news-item div {
    color: #b0b0b0;
}
.news-list {
    width: 30%;
    float: left;
    padding-left: 20px;
}
.news-list-title {
    font-size: 18px;
    color: #000;
    font-weight: bolder;
}
.news-list-item-box {
    border: 1px solid #f0f0f0;
    background: #fff;
    padding: 10px;
}
.news-list-item-box li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px;
    cursor: pointer;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    color: #b0b0b0
}
.news-list-item-box span {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-left: 6px solid #ccc;
    border-bottom: 5px solid transparent;
    width: 0;
    height: 0;
}

.plate-container {
    overflow: hidden;
    padding: 40px 0;
}
.plate-container-lf {
    float: left;
    width: 250px;
    text-align: center;
    background: #fbfcfe;
    border: 1px solid #f4f4f4;
    height: 500px;

}
.plate-container-lf li {
    border-bottom: 1px solid #f4f4f4;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
}
.plate-container-lf li.active {
    background: #fff;
    color: #ef7118;
}
.plate-container-rt {
    margin-left: 250px;
    padding: 0 50px;
}
.plate-container-rt li {
    margin-bottom: 10px;
    position: relative;
}
.plate-time {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
    background: #f2f2f2;
    color: #7f7f7f;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.plate-container-rt p {
    font-weight: bolder;
    font-size: 20px;
    margin-bottom: 0;
    position: relative;
}
.plate-container-rt .plate-content {
    padding: 20px 50px 20px 80px;
    border-bottom: 1px dashed #ccc;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.plate-container-rt .plate-content>div {
    color: #b0b0b0

}
.plate-container-rt div span:last-child {
    cursor: pointer;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ask-box img{
    position: absolute;
    right: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.ask-box div {
    padding: 10px 50px;
}
.answer-box {

}
.answer-box div {
    padding: 0 50px 10px 50px;
    border-bottom: 1px dashed #ccc;
    color: #b0b0b0;

}
.answer-box i {
    float: left;
    width: 40px;
    font-size: 16px;
    font-style: normal;
    text-align: center;
}

.list-table {
    width: 60%;
    margin: auto;
}
.list-table ul {
    overflow: hidden;

}
.list-table ul li {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100px;
    border-top: 2px solid #fff;

}
.list-table ul li:first-child>div {
    background: #ef7118!important;
    color: #fff!important;
    line-height: 40px!important;
}
.list-table ul li>div {
    flex: 1;
    height: 100%;

    color: #fff;
}

.list-table ul li:first-child {
    font-weight: bolder;
    background: #ef7118;
    height: 40px;
}
.list-table ul li>div:first-child {
    background: #000000;
    line-height: 100px;

}
.list-table ul li>div:last-child {
    background: #f4f4f4;
    color: #7f7f7f;
    display: flex;
    align-items: center;
    justify-content: center;
}
.abort-container {
    width: 70%;
    margin: 20px auto;
    color: #A4A4A4;
}
.abort-container>p {
    font-weight: bolder;
    font-size: 18px;
    color: #333;
}
.abort-container .abort-content {
    margin-bottom: 10px;
    text-indent: 2em;
}
.abort-icon-box {
    width: 70%;
    margin: 50px auto;
}
.abort-icon-box p {
    font-size: 22px;
    text-align: center;
    font-weight: bolder;
    width: 1000px;
}

.feature-item {
    padding: 20px 0 40px 0;
}
.feature-item>p {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}
.feature-select {
    border-bottom: 1px solid #f2f2f2;
    display: flex;
    justify-content: center;
}
.feature-select ul {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 900px;
    margin: auto;
    font-size: 18px;


}
.feature-select li {
    margin: 0 10px;
    padding: 0 20px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.feature-select li.active {
    background: #ef7118;
    color: #fff;
}

.feature-item-box {
    width: 780px;
    margin: auto;
    overflow: hidden;
    padding: 20px 10px;
    display: flex;
    align-items: center;
}
.feature-item-lf {
    flex: 1;
}

.feature-item-lf>p {
    font-size: 20px;
    font-weight: bolder;
    border-left: 3px solid #ef9418;
    padding-left: 10px;
}
.feature-item-lf ul {
    padding-left: 15px;
}
.feature-item-lf ul li {
    list-style: disc;
    height: 30px;
    line-height: 30px;
    color: #A4A4A4;
}
.feature-item-rt {
    text-align: center;
    flex: 1;
}
.feature-item-rt img {
    width: 360px;
    height: 280px;

}
.ljty span {
    border: 1px solid #ef9418;
    border-radius: 6px;
    color: #ef9418;
    height: 40px;
    line-height: 40px;
    width: 150px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.test-container .body-item-title {
    text-align: center;
}
.test-container .body-item-title p:last-child{
    font-size: 8px;
}
.test-main {
    text-align: center;
    margin: 20px 0;

}
.test-main input{
    box-shadow: 0 0 10px #ccc;
    outline: none;
    border: 1px solid #cacaca;
    height: 50px;
    width: 500px;
    border-radius: 6px;
    padding: 0 10px;
    text-align: center;
    color: #A4A4A4;
}
.test-main span {
    margin-left: 20px;
    box-shadow: 1px 1px 1px #ef9418;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 200px;
    background: #ef9418;
    color: #fff;
    font-size: 20px;
    border-radius: 4px;
    cursor: pointer;
}
.test-img-box {
    display: flex;
    justify-content: center;
    margin: 50px 0;
    color: #999;
}
.test-img-box ul {
    overflow: hidden;
    width: 760px;
    margin: auto;
}
.test-img-box ul li {
    float: left;
    width: calc(33.33% - 20px);
    text-align: center;
    margin: 0 10px;
}
.test-img-box ul li img {
    width: 100%;
}
.test-img-box ul li div {
    background: #333335;
    color: #fff;
    padding: 10px 0;
}
.test-img-box ul li span:first-child {
    display: inline-block;
    width: 100%;
    font-size: 20px;

}

.illustrate-box {
    color: #999;
    width: 800px;
    margin: auto;
}
.illustrate-box ul {
    margin-bottom: 100px;
}
.illustrate-box li {
    overflow: hidden;
    height: 150px;
    margin-bottom: 20px;
}
.illustrate-box li:last-child {
    border-bottom: 0;
}
.illustrate-box li:last-child>div {
    border-color: #ccc;
}
.illustrate-box li:last-child>div>span {
    background: #333335;
}
.illustrate-box li>div {
    float: left;
    height: 100%;
    position: relative;
}
.illustrate-box li>div>span {
    position: absolute;
    top: 0;
    right: 20px;
    width: 60%;
    background: #ef7118;
    color: #fff;
    padding: 10px 50px;
    border-radius: 20px 0 0 20px;
}
.illustrate-box-title {
    width: 40%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ef7118;
}
.illustrate-box-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60%;
}
.illustrate-box-content .pay-box {
    display: flex;

}
.pay-box span {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.pay-box img {
    width: 110px;
    height: 110px;
}
.bar-items li>div>a {
    color: #fff;
    display: block;
    position: relative;
}
.bar-items a:hover {
    color: #fff;
}
.bar-items .hover-2:hover .hover-box{
    display: block;
}
.bar-items .hover-3:hover .hover-box{
    display: block;
}
.bar-items a .hover-box {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    padding: 10px;
    z-index: 9999;
    position: absolute;
    width: 100%;
    margin-top: 10px;
    display: none;
}
.hover-box p span{
    color: #333;
    text-align: center;
    padding: 10px 0;
}
.hover-box-content {
    position: relative;
}
.hover-box-content p {
    margin-bottom: 0;
}
.hover-box-content p:hover span{
    color: #ef9418;
    text-decoration:underline;
}
.hover-box b{
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid rgba(255, 255, 255, 0.7);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

}
.test-text {
    padding-top: 10px;
    text-align: center;
    font-size: 18px;
    color: #999
}
.abort-icon-box ul {
    overflow: hidden;
    width: 1000px;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    border-bottom: 0;
    border-right: 0;
}
.abort-icon-box li {
    float: left;
    width: 25%;
    height: 150px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    border-right:  1px solid #f2f2f2;
    box-sizing: border-box;
    line-height: 150px;
}
.abort-icon-box>p>img {
    height: 75px;
}
.company-item {
    padding: 10px 0 10px 30px;
}
.company-item>div {
    width: 350px;
    margin: auto;
    display: flex;
    align-items: center;
}
.company-item span:first-child {
    width: 50px;
    text-align: center;
    display: inline-block;
}
.company-item img {

}
.company-item .company-name {
    font-weight: bolder;
    font-size: 22px;

}
.company-other {
    padding: 10px 0 10px 30px;
    font-size: 18px;
    color: #A4A4A4;
}
.company-other>div {
    width: 350px;
    margin: auto;
    display: flex;
    align-items: center;
}
.company-other span:first-child {
    width: 50px;
    text-align: center;
    display: inline-block;
}
.more-fun {
    padding: 30px;
    background: #fbfcfd;
}
.more-fun p{
    font-size: 24px;
    text-align: center;
}
.more-fun ul {
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin: auto;
}
.more-fun li {
    width: 220px;
    height: 180px;
    box-shadow: 0 0 3px #ccc;
    float: left;
    margin: 20px;
    padding: 10px;
    position: relative;
    background: #fff;
    color: #A4A4A4;
}
.more-fun li>div:last-child {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 0;
    text-align: center;

    color: #333;

}
.characteristic-title {
    border-bottom: 1px solid #fff;
    padding: 80px 0 0 0;
    font-size: 16px;
    position: relative;
    display: flex;
    justify-content: center;
}
.characteristic-title ul{
    overflow: hidden;
    width: 70%;
    margin: auto;
    display: flex;
    height: 60px;
    position: absolute;
    bottom: -1px;
}
.characteristic-title li {
    flex: 1;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    position: relative;
}
.characteristic-title li span {
    position: absolute;
    bottom: -1px;
    border-bottom: 2px solid #fff;
    width: 40px;
    z-index: 1000;
    left: 50%;
    margin-left: -20px;
}
.characteristic-title li.active_li {
    color: #ef7118;
}
.characteristic-title li.active_li span{
    border-color: #ef7118;
}
.characteristic-body {
    color: #fff;
    height: 420px;
}
.characteristic-body>li {
    width: 70%;
    margin: auto;
    overflow: hidden;
    height: 100%;
    display: none;
}
.characteristic-body>li.active_li_1 {
    display: block;
}
.characteristic-body>li .float-box-lf {
    float: left;
    width: 50%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}
.characteristic-body>li .float-box-rt {
    float: left;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}
.fn-container-title ul {
    overflow: hidden;
    height: 60px;
    color: #fff;
    width: 70%;
    margin: auto;
}
.fn-container-title ul li {
    float: left;
    width: 25%;
    background: #000000;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 16px;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
}
.fn-container-title ul li.fn-active {
    border-right-color: #ef7118;
    background: #ef7118;
}
.fn-body-main {
    width: 70%;
    margin: auto;
}
.fn-body {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    height: 350px;
}
.fn-body-fl {
    float: left;
    width: 53%;
    height: 100%;
}
.fn-body-fl img {
    width: 100%;
    height: 100%;
}
.fn-body-rt {
    float: left;
    width: 47%;
    background: #f4f4f4;
    padding: 20px;
    height: 100%;
}
.fn-body-rt p {
    color: #ef9418;
    font-size: 24px;
    position: relative;
    height: 42px;

}
.fn-body-rt p span {
    border-bottom: 2px solid #ef9418;
    position: absolute;
    bottom: 0;
    width: 35px;
    left: 0;
}
.fn-body-rt-text-content {
    margin-top: 30px;
}
.fn-body-rt-text {

    color: #7f7f7f;
    text-indent: 2em;
    font-size: 16px;
    line-height: 28px;
}
.list-title {
    background: #ef7118;
    color: #fff;
    height: 36px;
}
.abort-container p {
    position: relative;
    text-align: center;
    font-size: 24px;
    padding-bottom: 10px;
}
.abort-container p span {
    position: absolute;
    width: 25px;
    border-bottom: 3px solid #ef7118;
    bottom: 0;
    left: 50%;
    margin-left: -12.5px;

}
.abort-container-main {

    overflow: hidden;
    margin: auto;
}
.abort-container-lf {
    float: left;
    width: 50%;
}
.abort-container-rt {
    float: left;
    width: 50%;
    padding: 10px;
}
.success {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.success-main {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.success-content {
    width: 400px;
    height: 250px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    padding: 20px;
    box-shadow: 0 0 20px #333;
}
.success-content span {
    background: #A4A4A4;
    color: #fff;
    height: 40px;
    width: 200px;
    display: inline-block;
    line-height: 40px;
    cursor: pointer;
    border-radius: 6px;
    margin-top: 10px;
}
.abort-container-lf img {
    width: 100%;
}
.test-content {
    background: #f8f8fa;
    padding: 40px;
}