@charset "utf-8";

/*============ banner  ===============*/
.banner {
    width: 100%;
}

.slideBox {
    width: 100%;
    height: 483px;
    overflow: hidden;
}

.slideBox .hd .content {
    position: relative;
    z-index: 10;
}

.slideBox .hd ul {
    position: absolute;
    right: 30px;
    top: 10px;
    height: 15px;
}

.slideBox .hd ul li {
    float: left;
    margin: 0 3px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: rgba(201, 201, 201, .5);
    border-radius: 50%;
    cursor: pointer;
    text-indent: -9999px;
}

.slideBox .hd ul li.on {
    background: rgba(255, 255, 255, .8);
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slideBox .bd img {
    display: block;
    width: 100%;
    height: 483px;
}

/*========= chose ============*/
.chose {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5em;
    width: 100%;
    height: 530px;
    background: #F8F8F8;
}

.chose .content {
    position: relative;
    z-index: 10;
}

/*=== banner-tips  ===*/
.banner-tips {
    position: absolute;
    top: -558px;
    z-index: 20;
}

.banner-tips p {
    font-size: 13px;
    color: #999;
}

.banner-tips p span {
    margin: 0 20px 0 5px;
    font-weight: bold;
    color: #fff;
}

/*=== btns  ===*/
.btns {
    position: absolute;
    right: 30px;
    top: -236px;
    z-index: 30;
    overflow: hidden;
}

.btns ul {
    width: 280px;
}

.btns li {
    margin: 0 5px 5px;
    float: left;
    overflow: hidden;
}

.btns li a {
    display: block;
    float: left;
    height: 38px;
    text-align: center;
    border-radius: 10px;
    transition: width 1s;
}

.btns li a span {
    display: inline-block;
}

.btns li a .btns-t {
    line-height: 38px;
    font-size: 16px;
    font-weight: bold;
}

.btns li a .btns-t1 {
    line-height: 38px;
    font-size: 16px;
    font-weight: bold;
}

.btns li a .btns-st {
    display: none;
    margin-left: 10px;
    font-weight: normal;
    font-size: 13px;
    color: #1993E9;
    transition: all 1s;
}

.btns li.current a {
    width: 180px;
    background: #fff;
    color: #cc0000;
}

.btns li.current a:hover {
    color: #fff;
    border: 1px solid #fff;
    background: none;
}

.btns li.current a:hover .btns-st {
    color: #fff;
}

.btns li.current a .btns-st {
    display: inline-block;
}

.btns li a {
    width: 78px;
    color: #1993E9;
    background: #9baabb;
}


/*=== index-price  ===*/
.text-green {
    color: #339900;
}

.text-red {
    color: #cc0000;
}

.index-price {
    z-index: 30;
    width: 100%;
    height: 100px;
    background: #f6f6f6;
    overflow: hidden;
}

.price-lsit {
    margin-left: 20px;
    width: auto;
    overflow: hidden;
}

.price-lsit {
    padding: 16px 0 10px;
    display: flex;
    justify-content: center;
}

.price-lsit li {
    float: left;
    width: 180px;
    text-align: center;
    border-right: 1px solid #fff;
}

.price-lsit li:last-child {
    border-right: 0;
}

.span-f {
    font-size: 22px;
    font-weight: bold;
}

.price-lsit li i {
    margin-left: 5px;
    display: inline-block;
    width: 14px;
    height: 8px;
    vertical-align: middle;
}

.price-lsit li i.arr-green {
    background: url(../../images/home/arr-down.png) no-repeat;
}

.price-lsit li i.arr-red {
    background: url(../../images/home/arr-up.png) no-repeat;
}

.more-price {
    text-align: center;
    margin: 1em;
}

.more-price a {
    color: #1993E9;
}

.picScroll-left {
    position: relative;
    padding: 0 10px;
    overflow: hidden;
}

.picScroll-left .hd {
    padding: 0 20px;
    overflow: hidden;
}

.picScroll-left .hd .prev,
.picScroll-left .hd .next {
    margin-top: -13px;
    position: absolute;
    top: 50%;
    z-index: 100;
    display: block;
    width: 16px;
    height: 27px;
    overflow: hidden;
    cursor: pointer;
}

.picScroll-left .hd .prev {
    left: 10px;
    background: url(../../images/home/left_arr.png) no-repeat;
}

.picScroll-left .hd .prev:hover {
    background: url(../../images/home/left_arr1.png) no-repeat;
}

.picScroll-left .hd .next {
    right: 10px;
    background: url(../../images/home/right_arr.png) no-repeat;
}

.picScroll-left .hd .next:hover {
    background: url(../../images/home/right_arr1.png) no-repeat;
}

.picScroll-left .bd {
    width: 100%;
}

.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.price-more {
    margin-left: 15px;
    margin-top: 35px;
    width: 7px;
    height: 37px;
}

.price-more a {
    margin: 0 auto;
    display: block;
    width: 7px;
    height: 37px;
    text-indent: -9999px;
    background: url(../../images/home/mdot.png) no-repeat;
    overflow: hidden;
}

.price-more a:focus,
.price-more a:hover {
    background: url(../../images/home/mdot1.png) no-repeat;
}


.price-buy {
    margin-top: 33px;
    margin-right: 42px;
    width: 162px;
    height: 40px;
}

.price-buy a {
    display: block;
    width: 162px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #cc0000;
    border-radius: 5px;
    overflow: hidden;
}

.price-buy a:hover {
    background: #ec2e2e;
}


/*=== chose-con  ===*/
.chose-con {
    padding: 0 30px;
}

.chose-text {
    text-align: center;
}

.chose-text h3 {
    color: #1993E9;
    font-size: 32px;
    margin-bottom: 2em;
    font-weight: bold;
}

.chose-text p {
    font-size: 14px;
    text-align: justify;
    color: #999;
}

.chose-list {
    width: 80%;
}

.chose-list ul {
    display: flex;
}

.chose-list li {
    display: flex;
    justify-content: center;
    width: 25%;
    text-align: center;
}

.chose-list-bg1 {
    height: 183px;
    background-image: url(../../images/home/choose1.jpg);
    background-repeat: no-repeat;
}

.chose-list-bg2 {
    height: 183px;
    background-image: url(../../images/home/choose2.jpg);
    background-repeat: no-repeat;
}

.chose-list-bg3 {
    height: 183px;
    background-image: url(../../images/home/choose3.jpg);
    background-repeat: no-repeat;
}

.chose-list-bg4 {
    height: 183px;
    background-image: url(../../images/home/choose4.jpg);
    background-repeat: no-repeat;
}

.chose-list-card {
    width: 200px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 2px 1px #e3e3e3;
    box-shadow: 0px 0px 2px 1px #e3e3e3;
}

.chose-list-content div:first-child {
    color: #4D4D4D;
    font-size: 14px;
    font-weight: bold;
    padding: 0.5em;
}

.chose-list-content div:last-child {
    color: #9F9F9F;
    font-size: 12px;
    padding: 0.5em;
}

.chose-list li a {
    display: block;
    width: 100%;
}

.chose-list li i {
    display: inline-block;
    width: 95px;
    height: 85px;
    transition: all 1s;
}

.chose-list li i.c-ico1 {
    background: url(../../images/home/chose-img1.png) no-repeat;
}

.chose-list li i.c-ico2 {
    background: url(../../images/home/chose-img2.png) no-repeat;
}

.chose-list li i.c-ico3 {
    background: url(../../images/home/chose-img3.png) no-repeat;
}

.chose-list li i.c-ico4 {
    background: url(../../images/home/chose-img4.png) no-repeat;
}

.chose-list li:hover i {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.chose-list li:hover i.c-ico1 {
    background: url(../../images/home/chose-img11.png) no-repeat;
}

.chose-list li:hover i.c-ico2 {
    background: url(../../images/home/chose-img21.png) no-repeat;
}

.chose-list li:hover i.c-ico3 {
    background: url(../../images/home/chose-img31.png) no-repeat;
}

.chose-list li:hover i.c-ico4 {
    background: url(../../images/home/chose-img41.png) no-repeat;
}


.chose-list li p {
    margin-top: 10px;
    font-size: 16px;
    color: #999;
}

/*========= 交易优势 ============*/
.advantage {
    width: 100%;
}

.advantage-con {
    width: 600px;
}

.advantage-msg {
    padding-top: 30px;
    margin: 0 auto;
    width: 355px;
}

.advantage-msg h2 {
    font-size: 36px;
    font-weight: bold;
    color: #1993E9;
}

.advantage-msg p {
    font-size: 20px;
    color: #4D4D4D;
}

.advantage-msg ul {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

.advantage-msg ul li {
    padding-left: 20px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #4D4D4D;
    background: url(../../images/home/list-arr2.png) no-repeat left center;
}

.advantage-msg a {
    display: block;
    width: 155px;
    height: 36px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #43B1FE;
    background-color: #43B1FE;
    overflow: hidden;
    margin-top: 3em;
}

.advantage-msg a:hover {
    color: #fff;
    background: #1993E9;
}

.price-tab {
    width: 600px;
}

/* 本例子css */
.outBox {
    width: 100%;
}

.outBox .hd {
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
}

.outBox .hd ul {
    width: 100%;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    overflow: hidden;
}

.outBox .hd ul li {
    float: left;
    width: 25%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #9F9F9F;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
}

.outBox .hd ul li.on {
    color: #fff;
    background: #1993E9;
}

.outBox .bd {
    width: 100%;
}

.priceTab-msg {
    padding: 5px;
    width: 100%;
    border: 1px solid #fff;
    overflow: hidden;
}

.priceTab-msg-top {
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    overflow: hidden;
}

.price-pro {
    padding-top: 5px;
    margin-right: 20px;
    text-align: center;
}

.price-pro h3 {
    font-size: 18px;
    color: #1993E9;
}

.price-pro p {
    font-size: 12px;
    color: #999;
}

.price-dl dt, .price-dl dd {
    display: inline-block;
}

.price-dl dt {
    margin-right: 10px;
    font-size: 32px;
}

.price-ul {
    width: 220px;
}

.price-ul li {
    width: 100%;
}

.price-ul li span {
    margin: 0 5px;
    display: inline-block;
    font-size: 13px;
    color: #999;
}

.priceTab-msg-con {
    width: 100%;
}

.inBox {
    width: 100%;
}

.inHd {
    margin-bottom: 10px;
    height: 32px;
}

.inHd p a {
    margin: 0 10px;
    display: inline-block;
    width: 85px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    border: 1px solid #43B1FE;
    background-color: #43B1FE;
    border-radius: 5px;
    overflow: hidden;
}

.inHd p a:hover {
    color: #fff;
    background: #1993E9;
}

.inBox ul {
    margin-top: 10px;
    width: 272px;
    height: 22px;
    border: 1px solid #eaeaea;
}

.inBox ul li {
    float: left;
    width: 45px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-right: 1px solid #eaeaea;
    cursor: pointer;
}

.inBox ul li:last-child {
    border-right: 0;
}

.inBox ul li.on {
    color: #fff;
    background: #4D4D4D;
}

.inBd {
    width: 100%;
}

.price-chat-con {
    margin-bottom: 5px;
}

.price-bottom {
    width: 100%;
}

.price-bottom p {
    font-size: 12px;
    color: #bfbfbf;
}

.price-bottom a {
    font-size: 12px;
    color: #999;
}

/*========= 风险控制 ============*/
.rc {
    height: 550px;
    background-color: #F8F8F8;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rc h3 {
    margin: 1em;
    font-size: 36px;
    font-weight: bold;
    color: #1993E9;
    text-align: center;
}

.rc h4 {
    font-size: 20px;
    color: #4D4D4D;
    text-align: center;
    margin: -1em 0 3em 0;
}

.rc a {
    display: block;
    width: 150px;
    height: 36px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background-color: #1993E9;
    overflow: hidden;
    margin: 3em;
}

.rc-btn-dis {
    text-align: center;
    font-size: 12px;
    color: #4D4D4D;
    margin: -2.5em 0 1em 0;
}

.rc-icons {
    display: flex;
    justify-content: center;
    column-gap: 10em;
}

.rc-icon-content {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.rc-icon-content div:nth-child(2) {
    color: #4D4D4D;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.rc-icon-content div:nth-child(3) {
    color: #4D4D4D;
    font-size: 14px;
    padding: 0.5em;
    text-align: center;
}

.rc-icon-bg1 {
    height: 105px;
    background-image: url(../../images/home/Icon_Fair.png);
    background-repeat: no-repeat;
    background-position: center;
}

.rc-icon-bg2 {
    height: 105px;
    background-image: url(../../images/home/Icon_Safe.png);
    background-repeat: no-repeat;
    background-position: center;
}

.rc-icon-bg3 {
    height: 105px;
    background-image: url(../../images/home/Icon_Low.png);
    background-repeat: no-repeat;
    background-position: center;
}

.management {
    width: 100%;
}

.management-con {
    position: relative;
    width: 100%;
}

.management-tips {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

.management-tips p {
    font-size: 20px;
    color: #fff;
}

.management-conr {
    padding-top: 55px;
    padding-left: 20px;
    width: 600px;
}

.management-conr h3 {
    font-weight: bold;
    font-size: 36px;
    color: #fff;
}

.management-conr p {
    font-size: 20px;
    color: #fff;
}

.management-conr ul {
    margin-bottom: 20px;
    padding-top: 20px;
}

.management-conr ul li {
    padding-left: 30px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    background: url(../../images/home/list-arr1.png) no-repeat left center;
}

.management-conr a {
    display: block;
    width: 155px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #1993E9;
    border-radius: 5px;
    border: 1px solid #1993E9;
    background: #fff;
    overflow: hidden;
}

.management-conr a:hover {
    color: #fff;
    background: #1993E9;
}

.management-list {
    width: 100%;
    height: 120px;
    border: 1px solid #1993E9;
    background: rgba(255, 255, 255, .5);
    overflow: hidden;
}

.management-list li {
    float: left;
    width: 239px;
    height: 118px;
    text-align: center;
    border-right: 1px solid #1993E9;
    overflow: hidden;
}

.management-list li:last-child {
    width: 242px;
    border-right: none;
}

.management-list li a {
    padding-top: 24px;
    display: block;
    width: 100%;
    height: 118px;
}

.management-list li a span {
    margin: 0 auto 10px;
    display: block;
    width: 44px;
    height: 38px;
}

.management-list li a p {
    font-size: 16px;
    color: #1993E9;
}

.management-list li a p:nth-of-type(2) {
    display: none;
}

.management-list li a:hover {
    padding-top: 15px;
}

.management-list li a:hover p:nth-of-type(1) {
    display: none;
}

.management-list li a:hover p:nth-of-type(2) {
    display: block;
}

.management-list li a span.sico1 {
    background: url(../../images/home/ico1.png) no-repeat;
}

.management-list li a:hover span.sico1 {
    background: url(../../images/home/ico21.png) no-repeat;
}

.management-list li a span.sico2 {
    background: url(../../images/home/ico4.png) no-repeat;
}

.management-list li a:hover span.sico2 {
    background: url(../../images/home/ico21.png) no-repeat;
}

.management-list li a span.sico3 {
    background: url(../../images/home/ico3.png) no-repeat;
}

.management-list li a:hover span.sico3 {
    background: url(../../images/home/ico5.png) no-repeat;
}

.management-list li a span.sico4 {
    background: url(../../images/home/ico1.png) no-repeat;
}

.management-list li a:hover span.sico4 {
    background: url(../../images/home/ico5.png) no-repeat;
}

.management-list li a span.sico5 {
    background: url(../../images/home/ico4.png) no-repeat;
}

.management-list li a:hover span.sico5 {
    background: url(../../images/home/ico5.png) no-repeat;
}

.management-list li a:hover {
    background: #1993E9;
}

.management-list li a:hover p {
    color: #fff;
}

.management-btn {
    width: 100%;
}

.management-btn a {
    margin: 45px auto 0;
    display: block;
    width: 310px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #1993E9;
    border-radius: 5px;
    border: 1px solid #1993E9;
    background: #fff;
    overflow: hidden;
}

.management-btn a:hover {
    color: #fff;
    background: #1993E9;
}

.smart {
    background-color: #F8F8F8;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5em;
}

.smart a {
    display: block;
    width: 150px;
    height: 36px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background-color: #1993E9;
    overflow: hidden;
}

.smart-dis {
    display: flex;
    align-items: center;
    column-gap: 5em;
}

.smartBG {
    width: 400px;
    height: 400px;
    background: url(../../images/home/Img_Device.png) no-repeat center center;
    background-size: 100% 100%;
}

.smart-list {
    padding-top: 15px;
    margin: 0 auto;
    width: 510px;
}

.smart-list h3 {
    margin-bottom: 1em;
    font-size: 36px;
    font-weight: bold;
    color: #1993E9;
}

.smart-list p {
    font-size: 20px;
    color: #4D4D4D;
}

.smart-list ul {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

.smart-list ul li {
    padding-left: 20px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #4D4D4D;
    background: url(../../images/home/list-arr2.png) no-repeat left center;
}

.smart-icons {
    display: flex;
    gap: 4em;
    margin: 5em;
}

.smart-icon-content {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.smart-icon-bg1 {
    height: 70px;
    background-image: url(../../images/home/Icon_Android.png);
    background-repeat: no-repeat;
    background-position: center;
}

.smart-icon-bg2 {
    height: 70px;
    background-image: url(../../images/home/Icon_Apple.png);
    background-repeat: no-repeat;
    background-position: center;
}

.smart-icon-bg3 {
    height: 70px;
    background-image: url(../../images/home/Icon_Windows.png);
    background-repeat: no-repeat;
    background-position: center;
}

.smart-icon-bg4 {
    height: 70px;
    background-image: url(../../images/home/Icon_Android.png);
    background-repeat: no-repeat;
    background-position: center;
}

.smart-icon-bg5 {
    height: 70px;
    background-image: url(../../images/home/Icon_Apple.png);
    background-repeat: no-repeat;
    background-position: center;
}

/*========= 世界级支持与资源 ============*/
.conbg2 {
    background: url(../../images/home/conbg3.jpg) no-repeat center center;
    background-size: 100% 100%;
}

.world {
    width: 100%;
}

.world-l {
    width: 600px;
}

.world-l-msg {
    padding-top: 15px;
    margin: 0 auto;
    width: 420px;
}

.world-l-msg h3 {
    margin-bottom: 1em;
    font-size: 36px;
    font-weight: bold;
    color: #1993E9;
}

.world-l-msg p {
    font-size: 20px;
    color: #4D4D4D;
}

.world-l-msg ul {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

.world-l-msg ul li {
    padding-left: 20px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #4D4D4D;
    background: url(../../images/home/list-arr2.png) no-repeat left center;
}

.world-l-msg a {
    display: block;
    width: 150px;
    height: 36px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    color: #1993E9;
    border-radius: 5px;
    border: 1px solid #1993E9;
    overflow: hidden;
}

.world-l-msg a:hover {
    color: #fff;
    background: #1993E9;
}

.world-r {
    width: 600px;
}

.world-r ul {
    padding-left: 25px;
    width: 555px;
}

.world-r ul li {
    margin-bottom: 24px;
    height: 95px;
    overflow: hidden;
}

.strategy {
    width: 100%;
    height: 95px;
    overflow: hidden;
}

.strategy-date {
    width: 90px;
    height: 95px;
}

.strategy-date dt {
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    border-radius: 10px 10px 0 0;
    background: #1993E9;
}

.strategy-date dd {
    padding-top: 5px;
    height: 67px;
    text-align: center;
    background: #F8F8F8;
}

.strategy-date dd span {
    display: block;
    font-size: 28px;
    color: #4D4D4D;
    font-weight: bold;
}

.strategy-date dd em {
    display: block;
    font-style: normal;
    font-size: 12px;
    color: #9F9F9F;
}

.strategy-text {
    width: 420px;
    height: 95px;
    border-bottom: 1px solid #d2d2d2;
    overflow: hidden;
}

.strategy-text a {
    padding-top: 30px;
    display: block;
    font-size: 16px;
    color: #666;
    text-align: justify;
}

.strategy-text a:hover {
    color: #1993E9;
}

.world-tips {
    margin: 20px 0;
    width: 100%;
    text-align: center;
}

.world-tips p {
    color: #1993E9;
    font-size: 20px;
}

.index-news {
    background-color: #fff;
    height: 500px;
    padding: 1em;
}

.index-news h3 {
    margin: 1em;
    font-size: 36px;
    font-weight: bold;
    color: #1993E9;
    text-align: center;
}

.index-news-content {
    display: flex;
    gap: 1em;
    justify-content: center;
}

.index-newsl, .index-newsc {
    width: 465px;
    height: 341px;
    overflow: hidden;
}

.index-newsc {
    margin-left: 15px;
}

/* 市场资讯 */
.news-tab {
    width: 100%;
}

.news-tab .hd {
    height: 52px;
    background: #1993E9;
}

.news-tab .hd ul {
    height: 52px;
}

.news-tab .hd ul li {
    float: left;
    padding: 0 15px;
    line-height: 52px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.news-tab .hd ul li.on {
    font-size: 20px;
    font-weight: bold;
}

.more-btn {
    margin-right: 18px;
    margin-top: 18px;
    display: block;
    width: 75px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    background: #fff;
    color: #1993E9;
    border-radius: 25px;
}

.more-btn span {
    margin-left: 5px;
    display: inline-block;
    font-family: '宋体';
}

.more-btn:hover {
    color: #CC0000;
}

.news-tab .bd {
    width: 100%;
    height: 289px;
    background: #fff;
    overflow: hidden;
}

.news-tab .bd .news-tabs {
    padding: 10px;
    background-color: #F8F8F8;
}

.news-tabs li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.news-tabs li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.news-tabs-con {
    padding: 0 20px;
    width: 100%;
}

.news-data {
    width: 30px;
    overflow: hidden;
}

.news-data dl dt {
    padding-top: 3px;
    font-weight: normal;
    width: 30px;
    height: 45px;
    color: #666;
    text-align: center;
    background: #ddd;
    overflow: hidden;
}

.news-data dl dt span {
    display: block;
    font-size: 16px;
}

.news-data dl dt em {
    display: block;
    font-style: normal;
    font-size: 13px;
}

.news-data dl dd {
    font-size: 12px;
    color: #666;
}

.news-text {
    padding-top: 10px;
    width: 350px;
    overflow: hidden;
}

.news-text a {
    display: block;
    font-size: 16px;
    color: #4D4D4D;
    text-align: justify;
}

.news-text a:hover {
    color: #1993E9;
}

.index-newsr {
    width: 240px;
    height: 341px;
    overflow: hidden;
}

.aside-video {
    width: 100%;
}

.aside-video a {
    display: block;
}

.aside-video h3 {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #1993E9;
    margin: 0;
}

.video-con {
    position: relative;
    width: 100%;
    height: 290px;
    overflow: hidden;
}

.video-con img {
    width: 100%;
    height: 100%;
}

.video-con .video-mark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    width: 100%;
    height: 100%;
    background: rgba(63, 63, 63, .5);
}

.aside-video a:hover .video-mark {
    background: rgba(63, 63, 63, 0);
}

.video-con span {
    display: block;
    margin-left: -13px;
    margin-top: -16px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 40;
    width: 26px;
    height: 33px;
    background: url(../../images/home/play.png) no-repeat;
}


/*============ 策略研究  ===============*/
.page {
    padding-bottom: 30px;
    width: 100%;
}

/* page-crumd */
.page-crumd {
    height: 30px;
    overflow: hidden;
}

.breadcrumb {
    padding: 0px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    line-height: 30px;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > li a {
    color: #808080;
}

.breadcrumb > li a:hover {
    color: #1993E9;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #808080;
    content: ">";
}

/*====== page-left ======*/
.page-left {
    width: 886px;
    overflow: hidden;
}

/* page-menu */
.page-menu {
    margin-bottom: 20px;
    width: 100%;
}

.page-menu ul {
    margin: 0 5px 5px;
    padding-bottom: 15px;
    padding-top: 25px;
    background: #fff;
    box-shadow: 1px 1px 5px #ccc;
    overflow: hidden;
}

.page-menu ul li {
    margin: 0 23px;
    float: left;
}

.page-menu ul li a {
    display: block;
    float: left;
    font-size: 20px;
    color: #4c4c4c;
}

.page-menu ul li a span {
    margin-top: 5px;
    display: none;
    width: 100%;
    height: 5px;
    background: #1993E9;
    overflow: hidden;
}

.page-menu ul li.active a,
.page-menu ul li a:hover {
    color: #1993E9;
}

.page-menu ul li.active a span,
.page-menu ul li a:hover span {
    display: block;
}


.page-news {
    width: 100%;
    overflow: hidden;
}

.page-news li {
    margin-bottom: 15px;
}

.page-news-item {
    margin: 0 5px 5px;
    padding: 15px;
    height: 120px;
    background: #fff;
    box-shadow: 1px 1px 5px #ccc;
    overflow: hidden;
}

.page-news-img {
    margin-right: 18px;
    width: 180px;
    height: 90px;
    overflow: hidden;
}

.page-news-img a {
    display: block;
}

.page-news-img img {
    width: 100%;
    height: 100%;
}

.page-news-text {
    position: relative;
    padding-top: 10px;
    height: 90px;
    overflow: hidden;

}

.page-news-text h3 a {
    display: block;
    font-size: 18px;
    color: #333;
}

.page-news-text h3 a:hover {
    color: #1993E9;
}

.page-news-text p {
    position: absolute;
    left: 0px;
    bottom: 0;
    font-size: 14px;
    color: #808080;
}

.page-news-text p span {
    margin-right: 15px;
    display: inline-block;
}

/*=== page-num ===*/
.page-num {
    margin: 30px 0;
    width: 100%;
    overflow: hidden;
}

.page-num ul {
    width: 100%;
    text-align: center;
}

.page-num li {
    margin-right: 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 28px;
    vertical-align: middle;
}

.page-num li a {
    padding: 0 10px;
    display: block;
    height: 28px;
    line-height: 26px;
    text-align: center;
    color: #333;
    border: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
}

.page-num li span {
    padding: 0 10px;
    display: block;
    height: 28px;
    line-height: 26px;
    text-align: center;
    color: #333;
    border: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
}

.page-num li span.current,
.page-num li.active a,
.page-num li a:hover {
    color: #fff;
    background: #006699;
    border: 1px solid #025984;
}

.page-num li input {
    float: left;
    width: 80px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
}

.page-num li button {
    margin-left: 10px;
    float: left;
    width: 60px;
    height: 28px;
    color: #fff;
    background: #006699;
    border: 1px solid #025984;
}

/*====== page-right ======*/
.page-right {
    position: relative;
    width: 304px;
}

.aside-right {
    width: 304px;
}

/*=== ad-img ===*/
.ad-img {
    margin-bottom: 10px;
    width: 100%;
    height: 97px;
    overflow: hidden;
}

.ad-img img {
    height: 100%;
}

/*=== aside-reg ===*/
.aside-reg {
    margin-bottom: 10px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.aside-form {
    width: 100%;
}

.reg-btn {
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    font-size: 24px;
    color: #ebecf0;
    border: none;
    background: #006699;
}

.aside-form-con {
    padding: 15px;
}

.aside-form-con p {
    margin-bottom: 10px;
    height: 40px;
    overflow: hidden;
}

.aside-form-con p input.reg-inpt {
    padding-left: 15px;
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
}

.capt-int {
    width: 165px !important;
}

.a-code {
    width: 98px;
    height: 40px;
    overflow: hidden;
}

.a-code img {
    height: 100%;
}

.code-btn {
    width: 98px;
    height: 40px;
    border: none;
    color: #fff;
    background: #006699;
}

.code-btn.active {
    color: #fff;
    background: #1993E9;
}

.aside-tips {
    font-size: 12px;
    color: #333;
}

.aside-tips .aside-input {
    display: none;
}

.aside-tips .aside-input ~ .span-input {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.aside-tips .aside-input:checked ~ .span-input {
    background: url(../../images/home/chose.jpg) no-repeat;
    border: none;
}

.aside-btn {
    width: 304px;
}

.aside-btn a {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #1993E9;
}

.aside-btn a:hover {
    color: #1993E9;
    border: 1px solid #1993E9;
    background: none;
}

.aside-code-bot {
    margin-bottom: 10px;
    width: 304px;
    background: #fff;
}

.aside-code-bot ul {
    padding: 15px;
    width: 100%;
    text-align: center;
}

.aside-code-bot ul li {
    display: inline-block;
    width: 112px;
}

.code-img {
    margin-bottom: 10px;
    width: 112px;
    height: 112px;
    overflow: hidden;
}

.code-img img {
    height: 100%;
}

.right-appcode {
    width: 112px;
    height: 112px;
    margin-bottom: 10px;
    position: relative;
}

.right-appcode .logo-ic {
    width: 44px;
    height: 44px;
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-bottom: -22px;
    margin-left: -22px;
}

.right-appcode img {
    padding: 8px;
}

.aside-code-bot ul li {
    margin: 0 10px;
}

.aside-code-bot ul li p {
    font-size: 16px;
    color: #333;
}

.close-code {
    display: none;
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 30px;

}

.close-code a {
    float: right;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #e1e1e1;
}

.close-code a:focus,
.close-code a:hover {
    color: #999;
}

/*============ 相关新闻  ===============*/
.relevant-news {
    padding: 45px 0;
    width: 100%;
    border-top: 1px solid #1993E9;
    background: #ebf0f9;
    overflow: hidden;
}

.relevant-newsl,
.relevant-newsc,
.relevant-newsr {
    width: 380px;
    height: 340px;
    overflow: hidden;
}

.relevant-newsc {
    margin-left: 30px;
}

.relevant-newsh {
    padding-left: 25px;
    width: 100%;
    height: 52px;
    background: #1993E9;
    overflow: hidden;
}

.relevant-newsh h2 {
    line-height: 52px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.relevant-newsb {
    padding: 15px;
    height: 288px;
    background: #fff;
    overflow: hidden;
}

.relevant-newsb .news-tabs li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.relevant-newsb .news-tabs li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.relevant-newsb .news-text {
    width: 260px;
}

.relevant-newsb .strategy {
    width: 100%;
    height: 70px;
    overflow: hidden;
}

.relevant-newsb .strategy-date {
    width: 68px;
    height: 70px;
}

.relevant-newsb .strategy-date dt {
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: #fff;
    border-radius: 10px 10px 0 0;
    background: #1993E9;
}

.relevant-newsb .strategy-date dd {
    padding-top: 3px;
    height: 48px;
    text-align: center;
    background: #f4f4f4;
}

.relevant-newsb .strategy-date dd span {
    display: block;
    font-size: 18px;
    color: #666;
    font-weight: bold;
}

.relevant-newsb .strategy-date dd em {
    display: block;
    font-style: normal;
    font-size: 10px;
    color: #999;
}

.relevant-newsb .strategy-text {
    width: 260px;
    height: 70px;
    border-bottom: none;
}

.relevant-newsb .strategy-text a {
    padding-top: 15px;
}


/*============ 投资热词  ===============*/
.words-list {
    width: 100%;
}

.words-list li {
    margin-bottom: 22px;
    margin-right: 42px;
    float: left;
    width: 372px;
    height: 80px;
}

.words-list li:nth-of-type(3n) {
    margin-right: 0;
}

.words-list li a {
    padding: 0 35px;
    float: left;
    display: block;
    width: 372px;
    height: 80px;
    line-height: 78px;
    font-size: 18px;
    color: #666;
    border: 1px solid #e6e6e6;
    background: #fff;
    overflow: hidden;
}

.words-list li a span {
    float: right;
    font-size: 16px;
}

.words-list li.active a,
.words-list li a:hover {
    color: #fff;
    border: 1px solid #1993E9;
    background: #1993E9;
}

/*============ 视频教学  ===============*/
.video-banner {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.picFocus {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.picFocus .hd {
    position: absolute;
    left: 0;
    bottom: 22px;
    width: 100%;
    overflow: hidden;
}

.picFocus .hd ul {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.picFocus .hd ul li {
    position: relative;
    margin: 0 5px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 142px;
    height: 72px;
    text-align: center;
    border: 4px solid rgba(255, 255, 255, .57);
    cursor: pointer;
    overflow: hidden;
}

.picFocus .hd ul li img {
    width: 134px;
    height: 64px;

}

.picFocus .hd ul li p {
    display: none;
    padding: 16px 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 134px;
    height: 64px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, .7);
    overflow: hidden;
}

.picFocus .hd ul li.on {
    border: 4px solid #fff;
}

.picFocus .hd ul li.on p {
    display: block;
}

.picFocus .bd li {
    vertical-align: middle;
}

.picFocus .bd img {
    display: block;
    width: 100%;
    height: 500px;
}

/*====== video-main ======*/
.video-main {
    padding: 40px 0;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.video-inner {
    width: 100%;
}

.video-inner-nav {
    width: 180px;
    height: auto;
    overflow: hidden;
}

.video-inner-lsit {
    padding: 10px 0;
    width: 100%;
    background: #036;
}

.video-inner-lsit li {
    width: 100%;
    height: 80px;
}

.video-inner-lsit li a {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.video-inner-lsit li.active a,
.video-inner-lsit li a:hover {
    color: #036;
    background: #fff;
}

.video-inner-con {
    padding-top: 20px;
    width: 1000px;
}

/* video-item */
.video-item {
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

.video-hd {
    margin-bottom: 15px;
    overflow: hidden;
}

.video-title {
    width: 100%;
    height: 42px;
    background: url(../images/t-line.png) repeat-x;
    overflow: hidden;
}

.video-title h2 {
    margin-right: 10px;
    height: 42px;
    line-height: 40px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
    border-bottom: 3px solid #1993E9;
}

.video-nav ul li {
    float: left;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #404040;
    cursor: pointer;
}

.video-nav ul li:before {
    padding: 0 15px;
    content: '//';
}

.video-nav ul li.on {
    color: #1993E9;
}

.video-nav ul li.on:before {
    color: #404040;
}


/*= video-item-con =*/
.video-item-con {
    width: 100%;
    overflow: hidden;
}

.video-group {
    width: 100%;
}

/* video-big */
.video-big {
    width: 580px;
    height: 312px;
    overflow: hidden;
}

.video-list {
    background: #fff;
    overflow: hidden;
}

.video-list-img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.video-list-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.current .video-list-img a .video-mark,
.current .video-list-img a .video-btn,
.video-list-img a:hover .video-mark,
.video-list-img a:hover .video-btn {
    display: block;
}

.video-list-img a .video-mark {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(25, 42, 85, .5);
}

.video-btn {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 20;
    background: rgba(0, 0, 0, .5);
    border-radius: 50%;
    overflow: hidden;
}

.video-btn span {
    display: block;
    text-align: center;
    background: none;
    border-radius: 50%;
    overflow: hidden;
}

.video-btn span i {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
}

.video-big .video-list {
    width: 580px;
    height: 312px;
}

.video-big .video-list-img {
    width: 100%;
    height: 250px;
}

.video-big .video-btn {
    margin-left: -31px;
    margin-top: -31px;
    width: 62px;
    height: 62px;
}

.video-big .video-btn span {
    margin: 8px auto;
    width: 44px;
    height: 44px;
    line-height: 44px;
}

.video-big .video-btn span i {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
}

.video-date {
    position: absolute;
    right: 0;
    bottom: 1px;
    z-index: 40;
    display: block;
    width: 46px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
}

.video-list-text {
    padding: 10px;
    border-top: 1px solid #e6e6e6;
}

.video-list-text a {
    display: block;
    width: 100%;
    height: 100%;
}

.video-list-text h3 {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    color: #4c4c4c;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.video-list-text p {
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/*= video-small =*/
.video-small {
    width: 407px;
}

.video-small ul {
    width: 100%;
}

.video-small ul li {
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
    width: 190px;
}

.video-small .video-list {
    width: 100%;
}

.video-small .video-list-img {
    width: 100%;
    height: 100px;
}

.video-small .video-list-text {
    padding: 5px;
}

.video-small .video-list-text h3 {
    font-size: 12px;
}

.video-small .video-list-text p {
    font-size: 12px;
}

.video-small .video-btn {
    margin-top: -22px;
    margin-left: -22px;
    width: 44px;
    height: 44px;
}

.video-small .video-btn span {
    margin: 6px auto;
    width: 32px;
    height: 32px;
    line-height: 30px;
}

.video-small .video-btn span i {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #fff;
}

/* video-show */
.video-show {
    width: 100%;
}

.video-show .video-small {
    width: 100%;
}

.video-show .video-small ul li:nth-of-type(4n) {
    margin-right: 10px;
}


.video-more {
    padding-right: 10px;
    width: 100%;
}

.video-more a {
    display: block;
    font-size: 16px;
    color: #1993E9;
}

.video-more a span {
    font-family: '宋体';
}

/*============ 视频播放页  ===============*/
.video-details {
    padding: 27px 0;
    width: 100%;
    background: #07233f;
    overflow: hidden;
}

.video-details-con {
    width: 100%;
    overflow: hidden;
}

.video-details-cl {
    width: 888px;
}

.video-play-box {
    margin-bottom: 15px;
    width: 100%;
    height: 500px;
}

.video-play-title {
    width: 100%;
    overflow: hidden;
}

.video-play-title h3 {
    line-height: 48px;
    font-size: 24px;
    color: #e5e5e5;
}

.video-details-cr {
    width: 302px;
}

.video-play-list {
    margin-bottom: 15px;
    padding: 8px;
    width: 100%;
    height: 500px;
    background: #11202e;
    overflow: hidden;
}

.video-play-list .content {
    width: 100%;
    height: 484px;
}

.video-play-items ul {
    width: 100%;
}

.video-play-items ul li {
    margin-bottom: 12px;
    overflow: hidden;
}

.video-play-items .video-list {
    margin: 0;
    background: none;
    width: 100%;
}

.video-play-items .video-list-img {
    margin-right: 10px;
    width: 115px;
    height: 68px;
    border: 3px solid #11202e;
}

.video-play-items li.active .video-list-img,
.video-play-items li:hover .video-list-img {
    border: 3px solid #fff;
}

.video-play-items li.active .video-btn,
.video-play-items li:hover .video-btn {
    display: block;
}

.video-play-items .video-list-text {
    padding: 5px;
    border: none;
}

.video-play-items .video-list-text p {
    margin-bottom: 5px;
    font-size: 12px;
    text-overflow: inherit;
    white-space: normal;
}

.video-play-items .video-list-text p i {
    margin-right: 5px;
    display: inline-block;
    width: 20px;
    height: 16px;
    background: url(../../images/home/play11.png) no-repeat;
    vertical-align: middle;
}

.video-play-items li.active .video-list-text p,
.video-play-items li:hover .video-list-text p {
    color: #ded6d6;
}

.video-play-items li.active .video-list-text p i,
.video-play-items li:hover .video-list-text p i {
    background: url(../../images/home/play1.png) no-repeat;
}

.video-play-items .video-btn {
    margin-top: -13px;
    margin-left: -13px;
    width: 27px;
    height: 27px;
}

.video-play-items .video-btn span {
    margin: 4px auto;
    width: 19px;
    height: 19px;
    line-height: 16px;
}

.video-play-items .video-btn span i {
    margin-left: 2px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #fff;
}

.video-play-items .video-date {
    height: 16px;
    line-height: 16px;
}

.video-details-down {
    padding: 0 15px;
    width: 100%;
    height: 48px;
    background: #11202e;
    overflow: hidden;
}

.video-details-down p {
    line-height: 48px;
    font-size: 14px;
    color: #adadad;
}

.video-details-down a {
    margin-top: 10px;
    display: block;
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background: #1a6ab9;
    overflow: hidden;
}

#container1_logo {
    display: none !important;
}

/*============ 即时快讯  ===============*/
.instantMain-top {
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    height: 42px;
}

.instantMain-top .content {
    position: relative;
}

.instantMain-top .instant-colock {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

#clock {
    position: relative;
    width: 30px;
    height: 30px;
    background: url(../../images/home/clockface.png) no-repeat;
}

#sec, #min, #hour {
    position: absolute;
    width: 1px;
    height: 30px;
    top: 0px;
    left: 15px;
}

#sec {
    background: url(../../images/home/sechand.png) no-repeat;
    z-index: 3;
}

#min {
    background: url(../../images/home/minhand.png) no-repeat;
    z-index: 2;
}

#hour {
    background: url(../../images/home/hourhand.png) no-repeat;
    z-index: 1;
}

.instantMain-title {
    margin-left: 52px;
    background: url(../../images/home/t-line.png) repeat-x;
    overflow: hidden;
}

.instantMain-title h3 {
    margin-right: 36px;
    font-size: 24px;
    height: 42px;
    line-height: 42px;
    font-weight: bold;
    color: #333;
    border-bottom: 3px solid #1993E9;
}

.instantMain-title span {
    color: #265aa3;
}

.instantMain-Brush {
    padding-top: 10px;
    font-size: 16px;
    color: #333;
}

.instantMain-Brush .aside-input {
    display: none;
}

.instantMain-Brush .aside-input ~ .span-input {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #ccc;
    border-radius: 3px;
    vertical-align: middle;
}

.instantMain-Brush .aside-input:checked ~ .span-input {
    background: url(../../images/home/chose.jpg) no-repeat;
    border: none;
}

.radio-inline, .checkbox-inline {
    padding-left: 0px;
}

/* right-button */
.right-button {
    width: 490px;
    height: auto;
    overflow: hidden;
}

.right-button ul {
    padding: 0 10px;
}

.right-button ul li {
    padding-top: 10px;
    margin-right: 22px;
    float: left;
    color: #666;
    overflow: hidden;
}

.right-button ul li:last-child {
    margin-right: 0;
}

.right-button ul li label {
    font-weight: normal;
}

.switch-box-label {
    margin-right: 5px;
    float: left;
    font-size: 16px;
    color: #333;
}

.switch-box {
    display: block;
}

.switch-box .switch-box-slider {
    position: relative;
    display: inline-block;
    height: 26px;
    width: 50px;
    border: 1px solid #ccc;
    border-radius: 13px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.switch-box .switch-box-slider:after {
    position: absolute;
    left: -1px;
    top: -1px;
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #6197e1;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    content: '';
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.switch-box .switch-box-input {
    display: none;
}

.switch-box .switch-box-input ~ .switch-box-label {
    margin-left: 8px;
}

.switch-box .switch-box-input:checked ~ .switch-box-slider:after {
    left: 23px;

}

.switch-box .switch-box-input:disabled ~ .switch-box-slider {
    background: #6197e1;
    cursor: default;
}

.switch-box .switch-box-input:disabled ~ .switch-box-slider:after {
    background: #6197e1;
}

.switch-box.is-notice .switch-box-input:checked:not(:disabled) ~ .switch-box-slider {
    background: #6197e1;
    border: 1px solid #6197e1;
}

.switch-box.is-notice .switch-box-input:checked:not(:disabled) ~ .switch-box-slider:after {
    background: #fff;
}

.switch-box.is-night .switch-box-input:checked:not(:disabled) ~ .switch-box-slider {
    background: #6197e1;
    border: 1px solid #6197e1;
}

.switch-box.is-night .switch-box-input:checked:not(:disabled) ~ .switch-box-slider:after {
    background: #fff;
}

.switch-box.is-voice .switch-box-input:checked:not(:disabled) ~ .switch-box-slider {
    background: #6197e1;
    border: 1px solid #6197e1;
}

.switch-box.is-voice .switch-box-input:checked:not(:disabled) ~ .switch-box-slider:after {
    background: #fff;
}

.switch-box.is-danger .switch-box-input:checked:not(:disabled) ~ .switch-box-slider {
    background: #6197e1;
}

.switch-box.is-danger .switch-box-input:checked:not(:disabled) ~ .switch-box-slider:after {
    background: #6197e1;
}

.switch-box.is-warning .switch-box-input:checked:not(:disabled) ~ .switch-box-slider {
    background: #6197e1;
}

.switch-box.is-warning .switch-box-input:checked:not(:disabled) ~ .switch-box-slider:after {
    background: #6197e1;
}

/*=== instant-msg ===*/
.instant-msg {
    padding: 15px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.instant-msg ul {
    margin-left: 5px;
    border-left: 1px solid #ddd;
}

.instant-msg ul li {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.instant-msg-table {
    width: 100%;
}

.instant-msg-table tbody tr td {
    padding: 5px;
}

.instant-msg-table tbody tr td:first-child {
    width: 94px;
}

.instant-msg-table tbody tr td:nth-of-type(2) {
    border-bottom: 1px solid #ddd;
}

.ins-msg {
    width: 100%;
}

.ins-time {
    position: relative;
    padding: 10px;
    font-size: 16px;
    width: 84px;
    color: #666;
}

.ins-time i {
    position: absolute;
    top: auto;
    left: -15px;
    display: block;
    width: 19px;
    height: 19px;
    background: url(../../images/home/sidle.png) no-repeat;
}

.inews i {
    background-position: 0 -26px;
}

.icity i {
    background-position: 0 -83px;
}

.ins-time span {
    display: inline-block;
    width: 64px;
    overflow: hidden;
}

.ins-title {
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 74px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    background: #f99f47;
    color: #fff;
    vertical-align: middle;
    overflow: hidden;
}

.ins-msg-text {
    color: #666;
    overflow: hidden;
}

.hot .ins-time {
    color: #d6081a;
}

.hot .inews i {
    background-position: 0 -64px;
}

.hot .icity i {
    background-position: 0 -45px;
}

.hot .ins-msg-text {
    color: #d6081a;
}

/* instant-more */
.instant-more {
    margin: 30px 0;
    width: 100%;
    overflow: hidden;
}

.instant-more a {
    margin: 0 auto;
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    text-align: center;
    background: #eee;
    border-radius: 5px;
    overflow: hidden;
}

.instant-more a:focus,
.instant-more a:hover {
    color: #fff;
    background: #1993E9;
}

/*=== today-data ===*/
.today-data {
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.today-datah {
    margin-bottom: 15px;
    width: 100%;
    height: 42px;
    text-align: center;
    background: url(../../images/home/t-line.png) repeat-x;
    overflow: hidden;
}

.today-datah h3 {
    display: inline-block;
    line-height: 39px;
    font-size: 24px;
    color: #1993E9;
    border-bottom: 3px solid #1993E9;
}

.today-datab {
    width: 100%;
}

.today-datab ul {
    width: 100%;
}

.today-datab ul li {
    width: 100%;
    border-bottom: 1px solid #eee;
}

.today-datab ul li:last-child {
    border-bottom: none;
}

.today-datab ul li a {
    padding: 10px;
    display: block;
}

.today-datab ul li a:hover {
    background: #eff6ff;
}

.today-datab ul li a:hover tr td h4 {
    color: #d6081a;
}

.today-datab ul li a:hover tr td .ptime {
    color: #1993E9;
    background: url(../../images/home/clock-s1.png) no-repeat left center;
}

.today-datab ul li a:hover tr td p span {
    color: #1993E9;
}

.today-datab-table {
    width: 100%;
    overflow: hidden;
}

.today-datab-table table {
    width: 100%;
}

.ptime {
    margin-bottom: 5px;
    color: #808080;
    padding-left: 22px;
    background: url(../../images/home/clock-s.png) no-repeat left center;
}

.listview-rtext h4 {
    margin-bottom: 5px;
    width: 85%;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #666;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listview-rtext p {
    width: 100%;
    overflow: hidden;
}

.listview-rtext p span {
    float: left;
    display: block;
    width: 48%;
    text-align: center;
    font-size: 12px;
    color: #808080;
}

.listview-add {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #808080;
}

.listview-add span {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
}

.span-red {
    background: #ff0000;
}

.span-gay {
    background: #a3a3a3;
}

.span-yellow {
    background: #f3a401;
}

.moreDiv {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
}

.moreDiv a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: #1993E9;
    border: 1px solid #1993E9;
    overflow: hidden;
}

.moreDiv a:focus,
.moreDiv a:hover {
    color: #fff;
    background: #1993E9;;
}

/* instant-tisp */
.instant-tisp {
    display: none;
    position: fixed;
    right: 100px;
    bottom: 20px;
}

.instant-tisp-con {
    margin: 5px;
    padding: 10px;
    width: 400px;
    height: auto;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
}

.instant-tisp-t {
    margin-bottom: 10px;
    height: 24px;
    background: url(../../images/home/t-line1.png) repeat-x;
}

.instant-tisp-t h3 {
    display: inline-block;
    font-size: 16px;
    height: 24px;
    line-height: 22px;
    color: #1993E9;
    border-bottom: 2px solid #1993E9;
}

.instant-tisp-t a {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../../images/home/close.png) no-repeat;
}

.instant-tisp-b {
    width: 100%;
}

.instant-tisp-b p {
    margin-bottom: 5px;
    color: #333;
}

.instant-tisp-b p span {
    display: inline-block;
    color: #808080;
}

.instant-tisp-b p a {
    color: #f30;
}


/*============ 即时快讯夜间模式  ===============*/
body.theme-night {
    background: #0c1f2e;
}

/* page-crumd */
body.theme-night .breadcrumb > li a {
    color: #6197e1;
}

body.theme-night .breadcrumb > li a:hover {
    color: #5487ca;
}

body.theme-night .breadcrumb > li + li:before {
    color: #6197e1;
}

body.theme-night .breadcrumb > .active {
    color: #6197e1;
}

body.theme-night .instantMain-title h3 {
    color: #6197e1;
    border-bottom: 3px solid #6197e1;
}

body.theme-night .instantMain-title span {
    color: #6197e1;
}

body.theme-night .instantMain-Brush {
    color: #6197e1;
}

body.theme-night .switch-box-label {
    color: #6197e1;
}

body.theme-night .instant-msg {
    background: #082842;
}

body.theme-night .instant-msg ul {
    border-left: 1px solid #fff;
}

body.theme-night .instant-msg-table tbody tr td:nth-of-type(2) {
    border-bottom: 1px solid #215193;
}

body.theme-night .ins-time {
    color: #6197e1;
}

body.theme-night .ins-msg-text {
    color: #6197e1;
}

body.theme-night .hot .ins-time {
    color: #d6081a;
}

body.theme-night .hot .ins-msg-text {
    color: #d6081a;
}

/* instant-more */
body.theme-night .instant-more a {
    color: #215193;
    background: none;
    border: 1px solid #215193;
}

body.theme-night .instant-more a:focus,
body.theme-night .instant-more a:hover {
    color: #5487ca;
    background: #215193;
}


/*=== aside-reg ===*/
body.theme-night .aside-reg {
    background: #082842;
}

body.theme-night .reg-btn {
    color: #fff;
    background: #5487ca;
}

body.theme-night .aside-form-con p input.reg-inpt {
    background: #082842;
    border: 1px solid #215193;
}

body.theme-night .code-btn {
    color: #123d78;
    background: #5487ca;
}

body.theme-night .code-btn.active {
    color: #5487ca;
    background: #215193;
}

body.theme-night .aside-tips {
    color: #123d78;
}

body.theme-night .aside-btn a {
    color: #5487ca;
}

body.theme-night .aside-btn a:hover {
    color: #5487ca;
    border: 1px solid #5487ca;
}

body.theme-night .aside-code-bot {
    background: #082842;
}

body.theme-night .aside-code-bot ul li p {
    color: #5487ca;
}

/*=== today-data ===*/
body.theme-night .today-data {
    background: #082842;
}

body.theme-night .today-datah {
    background: url(../../images/home/t-line2.png) repeat-x;
}

body.theme-night .today-datah h3 {
    color: #5487ca;
    border-bottom: 3px solid #5487ca;
}

body.theme-night .today-datab ul li {
    border-bottom: 1px solid #6197e1;
}

body.theme-night .today-datab ul li a:hover {
    background: #093355;
}

body.theme-night .today-datab ul li a:hover tr td h4 {
    color: #f00;
}

body.theme-night .today-datab ul li a:hover tr td .ptime {
    color: #265aa3;
}

body.theme-night .today-datab ul li a:hover tr td p span {
    color: #265aa3;
}

body.theme-night .ptime {
    color: #265aa3;
}

body.theme-night .listview-rtext h4 {
    color: #588cd1;
}

body.theme-night .listview-rtext p span {
    color: #265aa3;
}

.moreDiv a {
    color: #3d6ba1;
    border: 1px solid #3d6ba1;
}

.moreDiv a:focus,
.moreDiv a:hover {
    color: #fff;
    background: #6197e1;;
}

/*============ 黄金/白银  ===============*/
.golb-main {
    padding: 20px 10px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.golb-title {
    margin-bottom: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.golb-title h2 {
    font-size: 36px;
    color: #333;
}

.golb-con {
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.golb-con h3 {
    margin-bottom: 15px;
    font-size: 22px;
    color: #1993E9;
}

.golb-con h3 span {
    font-size: 16px;
    color: #666;
}

.golb-con p {
    margin-bottom: 25px;
    font-size: 16px;
    color: #666;
    text-align: justify;
}

.golb-dl {
    margin-bottom: 25px;
}

.golb-dl dt {
    margin-bottom: 10px;
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.golb-dl dd {
    padding-left: 12px;
    font-size: 16px;
    color: #666;
    background: url(../../images/home/dot.png) no-repeat left center;
}

/* pro-more */
.pro-more {
    width: 100%;
}

.pro-more li {
    padding-top: 13px;
    margin-right: 25px;
    float: left;
    width: 221px;
    height: 142px;
    text-align: center;
    background: #d7d7d7;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.pro-more li span {
    font-size: 13px;
    color: #333;
}

.pro-more li p {
    margin-bottom: 0;
    font-size: 52px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

.pro-more li p em {
    font-style: normal;
    font-size: 18px;
}

.pro-more li a {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    color: #fff;
    background: #1993E9;
}

.pro-more li a:focus,
.pro-more li a:hover {
    background: #042445;
}

/* golb-trade */
.golb-trade {
    padding: 10px;
    width: 100%;
}

.golb-trade-t {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.golb-trade-t h3 {
    font-size: 36px;
    color: #333;
}

.golb-trade ul {
    width: 100%;
}

.golb-trade ul li {
    margin: 0 45px 30px;
    float: left;
    width: 332px;
    height: 95px;
}

.golb-items {
    width: 100%;
    height: 95px;
}

.golb-items img {
    margin-right: 20px;
    float: left;
}

.golb-items-text {
    overflow: hidden;
}

.golb-items-text h4 {
    margin-bottom: 10px;
    font-size: 20px;
    color: #333;
}

.golb-items-text p {
    text-align: justify;
}

/* golb-abtn */
.golb-abtn {
    width: 100%;
    overflow: hidden;
}

.golb-abtn a {
    margin: 20px auto;
    display: block;
    width: 307px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #1993E9;
    border: 2px solid #1993E9;
    border-radius: 5px;
    overflow: hidden;
}

.golb-abtn a:focus,
.golb-abtn a:hover {
    color: #fff;
    background: #1993E9;
}


/*============ 资讯详情页  ===============*/
.details {
    padding: 20px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.details-title {
    margin-bottom: 15px;
    width: 100%;
}

.details-title h2 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
}

.details-title p span {
    margin-right: 15px;
    display: inline-block;
    color: #666;
}

.details-b {
    width: 100%;
}

.details-tips {
    margin-bottom: 25px;
    padding: 10px;
    width: 100%;
    background: #ededed;
    overflow: hidden;
}

.details-tips p {
    font-size: 16px;
    color: #333;
}

.details-con p {
    margin-bottom: 25px;
    font-size: 16px;
    color: #333;
}

.details-con img {
    margin-bottom: 25px;
    max-width: 100%;
}

.bashare-box {
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.bashare-box p {
    font-size: 16px;
    line-height: 32px;
    color: #666;
}

.bashare-box p a {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #666;
}

.bashare-box p a:hover {
    color: #1993E9;
}

.details-ul {
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
}

.details-ul li {
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}

.details-ul li a {
    display: inline-block;
    font-size: 16px;
}

.articles {
    margin-bottom: 30px;
    width: 100%;
    overflow: hidden;
}

.articles-con {
    padding: 10px;
    width: 418px;
    height: 224px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.articles-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.articles-title h3 {
    padding-left: 15px;
    font-size: 20px;
    color: #333;
    border-left: 6px solid #1993E9;
}

.articles-list li a {
    display: block;
    width: 98%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.articles-list li a:hover {
    color: #1993E9;
}


/*============ 下载页面  ===============*/
.subbanner {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.subbanner img {
    height: 100%;
}

.down {
    width: 100%;
}

.down-wrap {
    position: relative;
    height: 1066px;
}

.down-main {
    position: absolute;
    top: -50px;
    margin: 5px;
    padding: 20px;
    width: 1200px;
    background: #fff;
    box-shadow: 2px 2px 18px rgba(0, 0, 0, .11);
    overflow: hidden;
}

.down-main .xiazai-cont {
    text-align: center;
}

.down-main .xiazai-cont .xiazai-btn {
    color: #fff;
    font-size: 24px;
    background: #1993E9;
    padding: 6px 35px;
    border: 1px solid #1993E9;
    border-radius: 6px;
}

.down-main .xiazai-cont .xiazai-btn:hover {
    color: #1993E9;
    background: #fff;
    border: 1px solid #1993E9;
}

.down-main .xiazai-cont .xiazai-2 {
    margin-left: 130px;
}

.down-category {
    padding: 20px 80px 0;
    margin: 16px auto 30px;
    width: 1100px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.down-cat-msg {
    padding-bottom: 30px;
    width: 530px;
    overflow: hidden;
}

.down-cat-msg_app {
    padding-bottom: 30px;
    width: 540px;
    overflow: hidden;
}

.down-cat-msg h3 {
    margin-bottom: 20px;
    font-size: 36px;
    color: #1993E9;
}

.down-btns {
    margin-bottom: 15px;
    width: 100%;
    overflow: hidden;
}

.down-btns li {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-bottom: 15px;
    width: 100%;
    height: 100%;
    line-height: 18px;
    border-bottom: 1px solid #ccc;
}

.down-btns li:last-child {
    border-bottom: none;
}

.down-btns li a {
    display: block;
    width: 110px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #336699;
    overflow: hidden;
}

.down-btns li a:focus,
.down-btns li a:hover {
    background: #1993E9;
}

.down-btns li i {
    margin-right: 25px;
    display: inline-block;
    width: 36px;
    height: 40px;
    vertical-align: middle;
}

.down-btns li i.i-win {
    background: url(../../images/home/down-win.png) no-repeat;
}

.down-btns li i.i-and {
    background: url(../../images/home/down-and.png) no-repeat;
}

.down-btns li i.i-ios {
    background: url(../../images/home/down-ios.png) no-repeat;
}

.down-code {
    width: 100%;
    overflow: hidden;
}

.down-code ul li {
    display: inline-block;
    width: 48%;
}

.down-code ul .clearfix {
    position: relative;
}

.down-code ul .clearfix .logo-ic {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    bottom: 50%;
    margin-bottom: -15px;
    margin-left: -84px;
}

.down-code ul .clearfix .logo-ic_app {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 48%;
    bottom: 50%;
    margin-bottom: -15px;
    margin-left: -84px;
}

.down-code ul li:first-child {
    margin-right: 10px;
}

.down-code ul li img {
    margin-right: 15px;
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.down-code ul li p {
    padding-top: 25px;
}

.down-avd {
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.down-avd h3 {
    margin-bottom: 15px;
    font-size: 36px;
    text-align: center;
}

.down-avd-text {
    margin: 0 auto;
    width: 985px;
}

.down-avd-text p {
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 16px;
    color: #666;
}

.down-avd-list {
    width: 100%;
    text-align: center;
}

.down-avd-list li {
    float: left;
    width: 20%;
    overflow: hidden;
}

.down-avd-list li p {
    margin-top: 10px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
}

.down-abtn {
    width: 100%;
}

.down-abtn p {
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    color: #333;
}

.down-abtn a {
    margin: 20px auto;
    display: block;
    width: 310px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #1993E9;
    border-radius: 5px;
    overflow: hidden;
}

.down-abtn a:focus,
.down-abtn a:hover {
    color: #1993E9;
    border: 1px solid #1993E9;
    background: none;
}

/*==== 弹窗 ====*/
.modal {
    top: 15%;
}

.modal-header {
    border-bottom: none;
    background: #036;
}

.modal-title {
    text-align: center;
    color: #fff;
}

.close {
    color: #fff;
    opacity: 1
}

.close:focus,
.close:hover {
    color: #fff;
    filter: alpha(opacity=100);
    opacity: 1;
}

.aside-form-con2 {
    margin: 0 auto;
    width: 85%;
}

.aside-form-con2 .ts {
    font-size: 16px;
    line-height: 50px;
}

.aside-form-con2 .input-c {
    height: 60px;
    overflow: hidden;
    position: relative;
}

.aside-form-con2 .input-c .message_error {
    position: absolute;
    top: 39px;
    left: 5px;
    color: red;
}

.aside-form-con2 .input-c input.reg-inpt {
    padding-left: 15px;
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
}

.capt-int {
    width: 69% !important;
}

.a-code {
    width: 29%;
    height: 40px;
    overflow: hidden;
}

.a-code img {
    height: 100%;
}

.code-btn {
    width: 29%;
    height: 40px;
    border: none;
    color: #fff;
    background: #21399a;
}

.code-btn.active {
    color: #fff;
    background: #1993E9;
}

.aside-btn {
    width: 100%;
}

.aside-btn a {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: #1993E9;
    border-radius: 5px;
}

.aside-btn a:hover {
    background: #006699;
}

/*============ 账户介绍  ===============*/
.intr {
    width: 100%;
}

.intr-tips {
    margin-bottom: 20px;
    overflow: hidden;
}

.intr-tips h3 {
    margin-bottom: 10px;
    font-size: 36px;
    font-weight: bold;
    color: #036;
}

.intr-tips p {
    font-size: 24px;
    color: #666;
}

.intrTable {
    margin-bottom: 20px;
    width: 100%;
}

.intrTable table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.intrTable table thead tr th,
.intrTable table tbody tr td {
    padding: 10px 20px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.intrTable table thead tr th {
    font-weight: normal;
    font-size: 18px;
    background: #036;
    color: #fff;
    text-align: center;
}

.intrTable table thead tr th:first-child {
    background: #069;
}

.intrTable table tbody tr td {
    color: #666;
}

.intrTable table tbody tr td:first-child {
    background: #ededed;
}

.intrTable table tbody tr td i {
    margin: 0 auto;
    display: block;
}

.a-more {
    margin: 5px auto;
    display: block;
    width: 185px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background: #036;
    overflow: hidden;
}

.a-more:hover {
    color: #fff;
    background: #069;
}

.img-no {
    width: 18px;
    height: 2px;
    background: url(../../images/home/none.png) no-repeat;
}

.img-suc {
    width: 28px;
    height: 28px;
    background: url(../../images/home/ok.png) no-repeat;
}

.intrBtn {
    width: 100%;
    text-align: center;
}

.intrBtn a {
    margin: 0 15px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 304px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 5px;
    background: #036;
}

.intrBtn a:last-child {
    background: #069;
}

.intrBtn a:hover {
    color: #fff;
    background: #036;
}

.join {
    width: 100%;
}

.join-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 36px;
    font-weight: bold;
    color: #036;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.join-con {
    width: 100%;
}

.join-msg p {
    font-size: 20px;
    color: #666;
}

.join-ulList {
    padding-top: 15px;
    width: 100%;
}

.join-ulList ul li {
    float: left;
    width: 25%;
    text-align: center;
}

.join-ulList ul li p {
    font-size: 16px;
    color: #036;
    height: 44px;
}

.join-ulList ul li p span {
    font-size: 14px;
    color: #666;
}

.join-ulList ul li a {
    margin: 5px auto;
    display: block;
    width: 178px;
    height: 40px;
    line-height: 34px;
    font-size: 20px;
    color: #036;
    background: #fff;
    border: 2px solid #036;
    border-radius: 5px;
    overflow: hidden;
}

.join-ulList ul li:nth-of-type(1) a,
.join-ulList ul li:nth-of-type(2) a {
    color: #fff;
    background: #036;
}

.join-ulList ul li:nth-of-type(1) a:hover,
.join-ulList ul li:nth-of-type(2) a:hover {
    color: #036;
    background: #fff;
}

.join-ulList ul li a:hover {
    color: #fff;
    background: #036;
}

/*============ 协议内容  ===============*/
.book {
    padding: 25px;
    margin: 0 5px 5px;
    background: #fff;
    box-shadow: 1px 1px 5px #ccc;
    overflow: hidden;
}

.book p {
    margin-bottom: 25px;
    font-size: 16px;
    color: #666;
    text-align: justify;
}

.agr-main {
    height: 800px;
    overflow-x: hidden;
    overflow-y: auto;
}

.agr-msg {
    padding-right: 10px;
}

.agr-msg p strong {
    font-size: 20px;
}

/*============ 帮助中心  ===============*/
.help {
    width: 100%;
}

.help-l {
    width: 160px;
}

.help-menu {
    width: 100%;
}

.help-menu h2 {
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #1993E9;
    overflow: hidden;
}

.help-menu ul {
    padding-bottom: 20px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.help-menu ul li {
    border-bottom: 1px solid #ddd;
}

.help-menu ul li:last-child {
    border-bottom: none;
}

.help-menu ul li a {
    padding: 15px 0;
    display: block;
    font-size: 16px;
    color: #404040;
    text-align: center;
}

.help-menu ul li.active a {
    font-weight: bold;
    color: #1993E9;
}

.help-menu ul li.active a:hover {
    font-weight: normal;
}

.help-menu ul li a:hover {
    color: #fff;
    background: #2688ac;
}

.help-ul li a i {
    margin-right: 10px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../../images/home/img.png) no-repeat;
    vertical-align: middle;
}

.help-ul li a i.hico1 {
    background-position: 0 -244px;
}

.help-ul li a i.hico2 {
    background-position: 0 -198px;
}

.help-ul li a i.hico3 {
    background-position: 0 -330px;
}

.help-ul li a i.hico4 {
    background-position: 0 -286px;
}

.help-ul li a i.hico5 {
    background-position: 0 -44px;
}

.help-ul li a i.hico6 {
    background-position: 0 -22px;
}

.help-ul li a i.hico7 {
    background-position: 0 -154px;
}

.help-ul li a i.hico8 {
    background-position: 0 -110px;
}

.help-ul li a:hover i.hico1 {
    background-position: 0 -220px;
}

.help-ul li a:hover i.hico2 {
    background-position: 0 -176px;
}

.help-ul li a:hover i.hico3 {
    background-position: 0 -308px;
}

.help-ul li a:hover i.hico4 {
    background-position: 0 -264px;
}

.help-ul li a:hover i.hico5 {
    background-position: 0 -66px;
}

.help-ul li a:hover i.hico6 {
    background-position: 0 0;
}

.help-ul li a:hover i.hico7 {
    background-position: 0 -132px;
}

.help-ul li a:hover i.hico8 {
    background-position: 0 -88px;
}

.data-ul li a {
    position: relative;
}

.data-ul li a i {
    position: absolute;
    left: 10px;
    top: 15px;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../../images/home/data.png) no-repeat;
    vertical-align: middle;
}

.data-ul li a i.dico1 {
    background-position: 0 -176px;
}

.data-ul li a i.dico2 {
    background-position: 0 -154px;
}

.data-ul li a i.dico3 {
    background-position: 0 -132px;
}

.data-ul li a i.dico4 {
    background-position: 0 -66px;
}

.data-ul li a i.dico5 {
    background-position: 0 -88px;
}

.data-ul li a i.dico6 {
    background-position: 0 -110px;
}

.data-ul li a i.dico7 {
    background-position: 0 -44px;
}

.data-ul li a i.dico8 {
    background-position: 0 -22px;
}

.data-ul li a i.dico9 {
    background-position: 0 0;
}

.data-ul li a i.dico10 {
    background-position: 0 -110px;
}

.data-ul li a i.dico11 {
    background-position: 0 -88px;
}

.data-ul li a i.dico12 {
    background-position: 0 -66px;
}

.data-ul li a i.dico13 {
    background-position: 0 -44px;
}

.data-ul li a i.dico14 {
    background-position: 0 -88px;
}

.data-ul li a i.dico15 {
    background-position: 0 -110px;
}

.data-ul li a i.dico16 {
    background-position: 0 -44px;
}

.data-ul li a i.dico17 {
    background-position: 0 -66px;
}

.data-ul li a i.dico18 {
    background-position: 0 -22px;
}

.data-ul li a i.dico19 {
    background-position: 0 -66px;
}

.data-ul li a i.dico20 {
    background-position: 0 0;
}

.data-ul li a i.dico21 {
    background-position: 0 -264px;
}

.data-ul li a i.dico22 {
    background-position: 0 -374px;
}

.data-ul li a i.dico23 {
    background-position: 0 -352px;
}

.data-ul li a i.dico24 {
    background-position: 0 -330px;
}

.data-ul li a:hover i.dico1 {
    background-position: -23px -176px;
}

.data-ul li a:hover i.dico2 {
    background-position: -23px -154px;
}

.data-ul li a:hover i.dico3 {
    background-position: -23px -132px;
}

.data-ul li a:hover i.dico4 {
    background-position: -23px -66px;
}

.data-ul li a:hover i.dico5 {
    background-position: -23px -88px;
}

.data-ul li a:hover i.dico6 {
    background-position: -23px -110px;
}

.data-ul li a:hover i.dico7 {
    background-position: -23px -44px;
}

.data-ul li a:hover i.dico8 {
    background-position: -23px -22px;
}

.data-ul li a:hover i.dico9 {
    background-position: -23px 0;
}

.data-ul li a:hover i.dico10 {
    background-position: -23px -110px;
}

.data-ul li a:hover i.dico11 {
    background-position: -23px -88px;
}

.data-ul li a:hover i.dico12 {
    background-position: -23px -66px;
}

.data-ul li a:hover i.dico13 {
    background-position: -23px -44px;
}

.data-ul li a:hover i.dico14 {
    background-position: -23px -88px;
}

.data-ul li a:hover i.dico15 {
    background-position: -23px -110px;
}

.data-ul li a:hover i.dico16 {
    background-position: -23px -44px;
}

.data-ul li a:hover i.dico17 {
    background-position: -23px -66px;
}

.data-ul li a:hover i.dico18 {
    background-position: -23px -22px;
}

.data-ul li a:hover i.dico19 {
    background-position: -23px -66px;
}

.data-ul li a:hover i.dico20 {
    background-position: -23px 0;
}

.data-ul li a:hover i.dico21 {
    background-position: -23px -264px;
}

.data-ul li a:hover i.dico22 {
    background-position: -23px -374px;
}

.data-ul li a:hover i.dico23 {
    background-position: -23px -352px;
}

.data-ul li a:hover i.dico24 {
    background-position: -23px -330px;
}

/*=== help-r ===*/
.help-r {
    padding: 22px 26px;
    width: 1020px;
    background: #fff;
    overflow: hidden;
}

.textToggle {
    width: 100%;
}

.textToggle li {
    margin-bottom: 20px;
}

.textToggle li a {
    position: relative;
    display: block;
    width: 100%;
    font-size: 18px;
    color: #666;
}

.textToggle li a:hover {
    font-weight: bold;
}

.textToggle li.active a {
    padding-bottom: 10px;
    font-size: 24px;
    color: #404040;
    background: url(../../images/home/t-line.png) repeat-x;
}

.textToggle li.active a:hover {
    font-weight: normal;
}

.textToggle li.active a span {
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 3px solid #2678ac;
}

.textToggle-con {
    padding-top: 10px;
    display: none;
    width: 100%;
}

.textToggle-con p {
    margin-bottom: 15px;
    font-size: 14px;
    color: #adadad;
}

.textToggle li.active .textToggle-con {
    display: block;
}

/* 网站地图  */
.webmap {
    width: 100%;
}

.webmap li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
}

.webmap li:last-child {
    border-bottom: none;
}

.webmap-list {
    padding: 0 10px;
    width: 100%;
}

.webmap-list span {
    margin-right: 20px;
    float: left;
    display: block;
    width: 46px;
    height: 42px;
    background: url(../../images/home/map.png) no-repeat;
}

.webmap-list span.mico1 {
    background-position: 0 -252px;
}

.webmap-list span.mico2 {
    background-position: 0 -210px;
}

.webmap-list span.mico3 {
    background-position: 0 -336px;
}

.webmap-list span.mico4 {
    background-position: 0 -294px;
}

.webmap-list span.mico5 {
    background-position: 0 -168px;
}

.webmap-list span.mico6 {
    background-position: 0 -42px;
}

.webmap-list span.mico7 {
    background-position: 0 0;
}

.webmap-list span.mico8 {
    background-position: 0 -126px;
}

.webmap-list span.mico9 {
    background-position: 0 -84px;
}

.webmap-list-nav h3 {
    margin-bottom: 5px;
    font-size: 16px;
    color: #0067a9;
}

.webmap-list-nav p a {
    margin-right: 20px;
    display: inline-block;
    color: #666;
}

.webmap-list-nav p a:hover {
    font-weight: bold;
}

.data-list {
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.data-cons {
    margin: 0 10px;
    padding: 22px 15px;
    background: #f3f5f9;
    overflow: hidden;
}

.data-cons h3 {
    margin-bottom: 10px;
    font-size: 32px;
    color: #333;
}

.data-cons-items {
    margin-bottom: 10px;
}

.data-cons-num {
    margin-right: 50px;
    width: 245px;
}

.data-cons-num dl {
    margin-bottom: 5px;
    width: 100%;
}

.data-cons-num dl dt, .data-cons-num dl dd {
    display: inline-block;
}

.data-cons-num dl dt {
    margin-right: 15px;
    font-size: 30px;
    font-weight: normal;
}

.data-cons-num p {
    width: 100%;
}

.data-cons-num p span {
    display: inline-block;
    width: 49%;
    font-size: 16px;
    color: #666;
}

.text-red {
    color: #ff0000;
}

.text-green {
    color: #009900;
}

.data-cons-num dl dd {
    font-size: 20px;
}

.data-cons-num dl dd span {
    display: block;
}

.data-cons-num dl dd i {
    margin-left: 5px;
    display: inline-block;
    width: 20px;
    height: 21px;
}

.data-cons-num dl dd span.text-red i {
    background: url(../../images/home/up.png) no-repeat;
}

.data-cons-num dl dd span.text-green i {
    background: url(../../images/home/down.png) no-repeat;
}

.data--cons-ul {
    width: 264px;
}

.data--cons-ul li {
    margin-bottom: 5px;
    width: 100%;
}

.data--cons-ul li span {
    display: inline-block;
    width: 49%;
    color: #666;
}

.data-cons-btns a {
    margin: 0 10px;
    display: inline-block;
    width: 136px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background: #1993E9;
    overflow: hidden;
}

.data-cons-btns a:focus,
.data-cons-btns a:hover {
    background: #006699;
}

.data-pro-msg {
    width: 100%;
}

.data-pro-msg h3 {
    margin-bottom: 10px;
    font-size: 20px;
    color: #333;
}

.data-pro-msg p {
    font-size: 16px;
    color: #666;
}

.data-pro-table {
    margin: 15px 0 20px;
    width: 100%;
    overflow: hidden;
}

.data-pro-table table {
    width: 100%;
    border: 1px solid #c5e0fb;
    border-collapse: collapse;
}

.data-pro-table table tr:nth-of-type(odd) {
    background: #c5e0fb;
}

.data-pro-table table tr td {
    padding: 5px;
    font-size: 16px;
    text-align: center;
    border-right: 1px solid #c5e0fb;
    border-bottom: 1px solid #c5e0fb;
}

.data-pro-news {
    margin-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

.data-pro-newsl {
    width: 474px;
}

.data-pro-t {
    margin-bottom: 10px;
}

.data-pro-t h3 {
    font-size: 20px;
    color: #333;
}

.data-pro-t .more-btn {
    margin-right: 0;
    margin-top: 5px;
    line-height: 18px;
    border: 1px solid #1993E9;
    background: #fff;
    color: #1993E9;
    border-radius: 25px;
}

.data-pro-t .more-btn span {
    margin-left: 5px;
    display: inline-block;
    font-family: '宋体';
}

.data-pro-t .more-btn:hover {
    color: #fff;
    background: #1993E9;
}

.data-pro-newsl ul {
    padding: 10px 25px;
    border: 1px solid #ddd;
}

.data-pro-newsl ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.data-pro-newsl ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.data-pro-newsl ul li .news-tabs-con {
    padding: 0;
}

.data-pro-newsl ul li .news-text {
    width: 370px;
}

/*============ 关于我们  ===============*/
.abanner {
    width: 100%;
    height: 32rem;
    overflow: hidden;
}

.abanner img {
    width: 100%;
    height: 100%;
}

.big {
    width: 100%;
    margin: auto;
}

.tabtit {
    width: 1200px;
    height: 72px;
    margin: auto;
    margin-top: 60px;
    border: 1px solid #ddd;
}

.tabtit ul {
    display: flex;
}

.tabtit ul li {
    flex: 4;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    font-size: 22px;
    color: #514d4d;
}

.tabtit ul li.active {
    background: #497ad3;
    color: #fff;
}

.tabcon .tab-box {
    width: 100%;
    margin-top: 55px;
}

.tabcon .tab-box2 {
    width: 1200px;
    margin: auto;
    margin-top: 55px;
}

/*优势*/
.tabcon .tab-box .slie h2 {
    font-size: 30px;
    color: #3b3b3b;
    line-height: 58px;
    font-weight: bold;
}

.tabcon .tab-box .sl1, .tabcon .tab-box .sl3 {
    width: 1200px;
    margin: auto;
}

.tabcon .tab-box .sl1 p {
    font-size: 18px;
    color: #666;
    line-height: 36px;
    justify-content: center;
}

.tabcon .tab-box .sl2 {
    width: 100%;
    height: 363px;
    background: url(../../images/home/about/ys-bj.jpg) no-repeat;
    background-size: 100% 100%;
    margin: 50px 0;
}

.tabcon .tab-box .sl2 .sl2-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1200px;
    margin: auto;
    padding-top: 50px;
}

.tab-box .sl2 .sl2-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.tab-box .sl2 .sl2-list img {
    width: 17px;
    height: 17px;
    margin-right: 20px;
}

.tab-box .sl2 .sl2-list p {
    font-size: 18px;
    color: #666;
    line-height: 36px;
}

.sl2-right img {
    width: 375px;
    height: 263px;
}

.tab-box .sl3 {
    padding-bottom: 50px;
}

.tab-box .sl3 .sl3-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.tab-box .sl3 .sl3-list {
    padding: 30px 40px;
    width: 570px;
    height: 235px;
    border: 1px solid #ddd;
    margin-top: 32px;
}

.tab-box .sl3 .sl3-list .sl3-list-tlt {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.tab-box .sl3 .sl3-list .sl3-list-tlt img {
    width: 35px;
    height: 35px;
    margin-right: 15px;
}

.tab-box .sl3 .sl3-list .sl3-list-tlt p {
    font-size: 30px;
    color: #6698ee;
    line-height: 60px;
}

.tab-box .sl3 .sl3-list .sl3-text {
    font-size: 18px;
    color: #666;
    line-height: 36px;
}

/*牌照资质*/
.zz-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 80px;
}

.zz-list .zz-left {
    width: 390px;
    height: 285px;
}

.zz-list .zz-left img {
    width: 100%;
    height: 100%;
}

.zz-right {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.zz-right .zz-icon {
    margin-right: 10px;
}

.zz-right .zz-icon img {
    width: 50px;
    height: 50px;
}

.zz-right .zz-text {
    width: 660px;
}

.zz-right .zz-text h2 {
    font-size: 30px;
    color: #1a1a1a;
    line-height: 42px;
}

.zz-right .zz-text .p1 {
    font-size: 18px;
    color: #666;
    line-height: 30px;
}

.zz-right .zz-text .p2 {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

/*资金安全*/
.zjaq h2 {
    font-size: 30px;
    color: #3b3b3b;
    line-height: 58px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.zjaq .p-tlt {
    width: 788px;
    margin: auto;
    font-size: 18px;
    line-height: 35px;
    color: #666;
    text-align: center;
}

.zjaq .sl4-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 100px;
}

.zjaq .sl4-main .sl4-list {
    width: 542px;
    height: 425px;
    border: 1px solid #ddd;
    margin-top: 60px;
    position: relative;
}

.zjaq .sl4-main .sl4-list .sl4-list-tlt {
    width: 542px;
    height: 164px;
    margin-bottom: 35px;
}

.zjaq .sl4-main .sl4-list .sl4-list-tlt1 {
    background: url(../../images/home/about/zj-bj1.jpg) no-repeat;
}

.zjaq .sl4-main .sl4-list .sl4-list-tlt2 {
    background: url(../../images/home/about/zj-bj2.jpg) no-repeat;
}

.zjaq .sl4-main .sl4-list .sl4-list-tlt3 {
    background: url(../../images/home/about/zj-bj3.jpg) no-repeat;
}

.zjaq .sl4-main .sl4-list .sl4-list-tlt4 {
    background: url(../../images/home/about/zj-bj4.jpg) no-repeat;
}

.zjaq .sl4-main .sl4-list .sl4-list-tlt p {
    font-size: 30px;
    color: #fff;
    line-height: 164px;
    text-align: center;
    justify-content: center;
}

.zjaq .sl4-main .sl4-list .sl4-text {
    font-size: 18px;
    color: #666;
    line-height: 36px;
    width: 90%;
    margin: auto;
}

.zjaq .sl4-main .sl4-list .sl4-bottm-t {
    position: absolute;
    bottom: 35px;
    left: 30px;
}

/*联系我们*/
.lxwm h2 {
    font-size: 30px;
    color: #3b3b3b;
    line-height: 58px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.lxwm .p-tlt {
    width: 1070px;
    margin: auto;
    font-size: 18px;
    line-height: 35px;
    color: #666;
    text-align: center;
}

.lxwm-main {
    width: 1070px;
    height: 580px;
    margin: auto;
    background: url(../../images/home/about/lx-bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.lxwm-main .lxwm-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 60px;
}

.lxwm-main .lxwm-list .emlogo {
    width: 39px;
    height: 29px;
    margin-right: 10px;
}

.lxwm-main .lxwm-list .qqlogo {
    width: 41px;
    height: 41px;
    margin-right: 10px;
}

.lxwm-main .lxwm-list .emlogo img {
    width: 100%;
    height: 100%;
}

.lxwm-main .lxwm-list .qqlogo img {
    width: 100%;
    height: 100%;
}

.lxwm-main .lxwm-list .lx-text .p {
    font-size: 21px;
    line-height: 32px;
    color: #3b3b3b;
}

.lxwm-main .lxwm-btn {
    width: 242px;
    height: 62px;
    line-height: 62px;
    font-size: 21px;
    color: #4b7ad4;
    border: 1px solid #4b7ad4;
    display: block;
    text-align: center;
    margin-top: 60px;
}

.lxwm-main .lxwm-btn:hover {
    color: #fff;
    background: #497ad3;
}

/*============ 资讯相关视频滚动  ===============*/
.videoScroll-left {
    position: relative;
    margin: 0 5px 15px;
    padding: 0 10px;
    background: #fff;
    overflow: hidden;
}

.videoScroll-left .hd .prev,
.videoScroll-left .hd .next {
    margin-top: -18px;
    position: absolute;
    top: 50%;
    display: block;
    width: 36px;
    height: 36px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.3;
}

.videoScroll-left .hd .prev {
    left: 10px;
    background: url(../../images/home/v-prev.png) no-repeat;
}

.videoScroll-left .hd .next {
    right: 10px;
    background: url(../../images/home/v-next.png) no-repeat;
}

.videoScroll-left .hd a:hover {
    opacity: 1;
}

.videoScroll-left .bd {
    padding: 10px 36px;
}

.videoScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.videoScroll-left .bd ul li {
    margin: 0 13px;
    float: left;
    _display: inline;
    width: 170px;
    height: 103px;
    overflow: hidden;
}

.picList-item {
    position: relative;
    width: 170px;
    height: 103px;
}

.picList-item a {
    display: block;
}

.picList-item .pic {
    width: 170px;
    height: 103px;
    background: #036;
    overflow: hidden;
}

.picList-item .pic img {
    width: 100%;
    height: 100%;
}

.picList-item p {
    padding: 0 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background: rgba(255, 255, 255, .5);
}

/*============ 策略分析  ===============*/
.Strategy .details-title {
    text-align: center;
}

.Strategy-subnav {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    height: 43px;
    border-bottom: 1px solid #ddd;
}

.Strategy-subnav ul {
    position: absolute;
    top: 0;
    left: 20px;
    width: 100%;
    height: 43px;
}

.Strategy-subnav ul li {
    margin-right: 80px;
    padding: 0 20px;
    float: left;
}

.Strategy-subnav ul li:last-child {
    margin-right: 0;
}

.Strategy-subnav ul li a {
    display: block;
    line-height: 40px;
    font-size: 20px;
    color: #333;
}

.Strategy-subnav ul li.active a {
    font-weight: bold;
    color: #036;
    border-bottom: 4px solid #036;
}

.Strategy-product {
    margin-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}

.Strategy-product ul li {
    margin-right: 10px;
    margin-bottom: 12px;
    float: left;
    width: 111px;
    height: 32px;
    overflow: hidden;
}

.Strategy-product ul li:nth-of-type(7n) {
    margin-right: 0;
}

.Strategy-product ul li a {
    display: block;
    width: 111px;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
    color: #999;
    text-align: center;
    border: 1px solid #999;
    border-radius: 2px;
}

.Strategy-product ul li.active a {
    color: #fff;
    background: #036;
    border-color: #036;
}

.Strategy-pronav {
    margin-bottom: 30px;
    width: 100%;
}

.Strategy-pronav ul {
    width: 100%;
}

.Strategy-pronav ul li {
    margin-bottom: 10px;
    float: left;
    width: 50%;
}

.Strategy-pronav ul li a {
    margin: 0 auto;
    display: block;
    width: 282px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    text-align: center;
    background: #ededed;
    overflow: hidden;
}

.Strategy-pronav ul li a.text-green {
    color: #349800;
}

.Strategy-pronav ul li a.text-red {
    color: #c60001;
}

.mask-x {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: #000000;
    z-index: 9999999;
    display: none;
}

/*============ 代理商招募页面样式  ===============*/
.agent-main {
    background: #fff;
}

.top-banner {
    width: 100%;
    height: 371px;
    background: url(../../images/home/agent_recruitment/a-banner.jpg) no-repeat;
    background-size: cover;
}

.main-box {
    width: 100%;
    height: 785px;
    background: url(../../images/home/agent_recruitment/a-bg.jpg) no-repeat;
    background-size: 100% 100%;
}

.re-box {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 1200px;
    padding-top: 130px;
    margin: auto;
}

.re-box .box-l {
    width: 660px;
}

.re-box .box-l .p1 {
    font-size: 20px;
    color: #474747;
    line-height: 36px;
}

.re-box .box-l .p1 span {
    color: #000;
}

.re-box .box-l .tlt {
    font-size: 30px;
    color: #474747;
    margin: 40px 0;
}

.re-box .box-l .box-l-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 40px;
}

.re-box .box-l .box-l-center {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 70px;
}

.re-box .box-l .box-l-center .box-l-list {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 10px;
}

.re-box .box-l .box-l-center .box-l-list .g-icon {
    width: 21px;
    height: 21px;
}

.re-box .box-l .box-l-center .box-l-list .p2 {
    font-size: 20px;
    color: #474747;
    margin-left: 8px;
}

.re-box .box-l .p3 {
    font-size: 16px;
    color: #757575;
    line-height: 30px;
}

.re-box .box-r {
    width: 452px;
    height: 510px;
    background: url(../../images/home/agent_recruitment/r-bg.png) no-repeat;
    background-size: 100% 100%;
}

.re-box .box-r .zc-body {
    padding-top: 20px;
}

.re-box .box-r .zc-body .zc-t {
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.re-box .box-r .zc-body .aside-form-con2 {
    margin: 0 auto;
    width: 85%;
    padding: 15px 0 0 0;
}

.re-box .box-r .zc-body .aside-form-con2 .input-c {
    height: 70px;
    overflow: hidden;
    position: relative;
}

.re-box .box-r .zc-body .aside-form-con2 .input-c .message_error {
    position: absolute;
    top: 50px;
    left: 5px;
    color: #fff;
}

.re-box .box-r .zc-body .aside-form-con2 .input-c input.reg-inpt {
    padding-left: 15px;
    width: 100%;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 7px;
}

.re-box .box-r .zc-body .capt-int {
    width: 69% !important;
}

.re-box .box-r .zc-body .a-code {
    width: 29%;
    height: 50px;
    overflow: hidden;
}

.re-box .box-r .zc-body .a-code img {
    height: 100%;
}

.re-box .box-r .zc-body .code-btn2 {
    width: 29%;
    height: 50px;
    border: none;
    color: #da424d;
    background: #ffd77f;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    border-radius: 7px;
}

.re-box .box-r .zc-body .code-btn2:hover {
    background: #f2ba3f;
}

.re-box .box-r .zc-body .aside-btn2 {
    width: 100%;
}

.re-box .box-r .zc-body .aside-btn2 a {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    color: #da424d;
    background: #ffd77f;
    border-radius: 7px;
}

.re-box .box-r .zc-body .aside-btn2 a:hover {
    background: #f2ba3f;
}

/*入金流程介绍*/
.rj-step {
    width: 1200px;
    margin: auto;
    background: #fff;
}

.rj-step img {
    width: 100%;
}

.rj-step .banner {
    width: 100%;
    margin-bottom: 40px;
}

.rj-step .tab-cont {
    width: 100%;
    margin: auto;
}

.rj-step .nav {
    width: 100%;
    height: 80px;
    margin: auto;
    display: flex;
    margin-bottom: 40px;
}

.rj-step .nav a {
    vertical-align: top;
    display: block;
    width: 50%;
    height: 80px;
    line-height: 78px;
    font-size: 14px;
    text-align: center;
    flex: 2;
    cursor: pointer;
    border: 1px solid #999;
    color: #999;
}

.rj-step .nav a:first-child {
    border-right: none;
}

.rj-step .nav a:last-child {
    border-left: none;
}

.rj-step .nav a.on {
    border: 1px solid #00adfe;
    color: #00adfe;
}

.rj-step .nav a:last-child img {
    width: 60px;
    height: 60px;
}

.rj-step .nav a:first-child img {
    width: 85px;
    height: 56px;
}

.rj-step .nav a span {
    line-height: 20px;
    margin-left: 15px;
}

.rj-step .contentBox {
    width: 100%;
}

.rj-step .contentBox .box {
    display: none;
    width: 100%;
    margin-top: 30px;
}

.rj-step .contentBox .box.active {
    display: block;
}

.rj-step .contentBox .box .box-l {
    width: 100%;
    margin-top: 1rem;
}

.rj-step .contentBox .box .box-l img {
    width: 100%;
    margin-left: 0;
}

.rj-step .contentBox .box .box-l h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
}

.rj-step .contentBox .box .box-l p {
    font-size: 16px;
}

.rj-step .contentBox .box .box-r {
    width: 100%;
    margin-top: 30px;
}

.rj-step .contentBox .box .box-r img {
    width: 100%;
    margin-left: 0;
}