a, body {
    color: #434343
}

.fix:after, .slect-tbox label::before {
    content: ''
}

.ad-span, .gd-ad-dd, .gd-zb-yugao, .gd-zb-yugao img {
    vertical-align: middle
}

.ell, .rounded-list a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ell, .gd-ys-box, .rounded-list a {
    white-space: nowrap
}

.rounded-list a, a {
    text-decoration: none
}

.calendarinput, .ell, .f0, .firstnew .item_img, .firstnew p, .gd-bot-box a, .gd-teacher, .gd-video, .gd-video img, .gd-yous-data ul, .item_box, .marker-4, .newlist li h3, .offer-iframe, .rounded-list a, .vedio-con, .vedio-live {
    overflow: hidden
}

body {
    font: 14px microsoft yahei, helvetica, arial;
    line-height: 1.5;
    background: #fafafa
}

.dchart-im i, .fnormal, .gd-ad-title {
    font-style: normal
}

.calendar-datas th, .fnormal, .fw400, .gd-ad-title, .gd-teacher h3, .gd-zb-title, .vedio h2 {
    font-weight: 400
}

.bgwhite, .gd-hd-dot-a {
    background-color: #fff
}

body, dd, dl, h1, h2, h3, h4, h5, h6, ol, p, ul {
    margin: 0
}

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

a:active, a:hover {
    color: #f39801
}

embed, object, video {
    border: 0;
    max-width: 100%
}

input, textarea {
    font-size: 100%;
    font-family: inherit;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 0
}

table {
    width: 100%
}

.fix:after {
    display: table;
    clear: both
}

.clearl {
    clear: left
}

.clearr {
    clear: right
}

.gd-login, .white {
    color: #fff
}

.f0 {
    font-size: 0;
    height: 0
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f16 {
    font-size: 16px
}

.f18 {
    font-size: 18px
}

.f22 {
    font-size: 22px
}

.f24, .gd-home-p .gd-title {
    font-size: 24px
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

.db {
    display: block
}

.dn, .gd-hd-slide-li .gd-hd-slide-con {
    display: none
}

.mr5 {
    margin-right: 5px
}

.liveroom-home, .mr20 {
    margin-right: 20px
}

.mr40 {
    margin-right: 40px
}

.mb100 {
    margin-bottom: 100px
}

.mb5 {
    margin-bottom: 5px
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mtb5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb40 {
    margin-bottom: 40px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt70 {
    margin-top: 70px
}

.mt-64 {
    margin-top: -64px
}

.pt15 {
    padding-top: 15px
}

.pl30 {
    padding-left: 30px
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.cor99 {
    color: #999
}

.img-circle {
    border-radius: 50%
}

.img-thumbnail {
    max-width: 100%;
    height: auto;
    border-radius: 4px
}

.gd-constr {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.pa {
    position: absolute
}

.gd-header, .pr {
    position: relative
}

.red {
    color: red
}

.green {
    color: green
}

.gd-home-p .gd-subtitle {
    color: #999;
    font-size: 14px
}

.gd-header {
    /*height: 550px*/
}

.gd-hd-slide-bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    opacity: 0;
    filter: alpha(opacity=0)
}

.gd-hd-slide-x .active .gd-hd-slide-bg {
    z-index: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}

.gd-hd-dot-x, .slider-next, .slider-prev {
    z-index: 1;
    text-align: center;
    position: absolute
}

.gd-hd-slide-x .active .gd-hd-slide-con {
    display: block;
    -webkit-animation: fadeIn .25s both;
    animation: fadeIn .25s both
}

.gd-hd-dot-x {
    bottom: 50px;
    width: 100%;
    display: none
}

.gd-hd-dot-a {
    display: inline-block;
    width: 50px;
    height: 2px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    background-clip: padding-box;
    font-size: 0;
    margin: 0 5px;
    opacity: 1
}

.gd-hd-dot-x .active {
    opacity: .5
}

.slider-next, .slider-prev {
    top: 50%;
    margin-top: -36px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: gray;
    background: rgba(0, 0, 0, .2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000, endColorstr=#32000000);
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    font-family: simsun;
    display: none
}

.ad-indexicon, .gd-header:hover .slider-next, .gd-header:hover .slider-prev {
    display: block
}

.slider-prev {
    left: 220px
}

.slider-next {
    right: 260px
}

#ac {
    background-color: #fff
}

.gd-ad {
    margin-top: 10px
}

.gd-ad-ul {
    padding-top: 5px;
    padding-bottom: 15px
}

.gd-ad-ul li {
    width: 25%;
    text-align: center
}

.ad-indexicon {
    height: 157px;
    width: 100%
}

.ad-span, .calendaMenu li, .gd-ad-dd {
    display: inline-block
}

.icon-ad-1 {
    background: url(/dist/images/ad1.jpg) center no-repeat
}

.icon-ad-2 {
    background: url(/dist/images/ad2.jpg) center no-repeat
}

.icon-ad-3 {
    background: url(/dist/images/ad3.jpg) center no-repeat
}

.icon-ad-4 {
    background: url(/dist/images/ad4.jpg) center no-repeat
}

.gd-ad-dd {
    text-align: left
}

.gd-ad-title {
    font-size: 24px;
    color: #434343
}

.gd-ad-p {
    font-size: 16px;
    color: #616161
}

.ad-box {
    top: 0;
    left: 0;
    height: 147px;
    line-height: 147px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 12px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 12px rgba(0, 0, 0, .2);
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    filter: alpha(opacity=0);
    font-size: 14px;
    color: #666
}

.item_box img, .item_content {
    transition: all .3s ease-out 0s
}

.ad-span {
    line-height: 1.5;
    text-align: left;
    padding: 0 15px
}

.gd-ad-ul li:hover .ad-box {
    opacity: 1;
    filter: alpha(opacity=1)
}

.marker-4 {
    height: 364px
}

.calendaMenu li {
    width: 13%;
    padding: 5px 0 10px;
    margin-bottom: 10px
}

.calendaMenu li.on, .calendaMenu li.on a {
    color: #f39801
}

.calendaMenuli.on:hover a {
    color: #999
}

.calendaMenu li:hover {
    color: #f39801
}

.calendaMenu li a {
    padding: 0;
    font-size: 13px;
    color: #999
}

.calendaMenu li span {
    display: block;
    font-size: 12px
}

.market-calendar {
    padding: 2% 5% 6px
}

.calendar-datas th {
    font-size: 16px;
    padding: 4px 0;
    border-bottom: 1px solid #eee
}

.calendar-datas td {
    padding: 9px 0;
    border-bottom: 1px solid #eee
}

.slect-tbox label {
    color: #999;
    font-size: 18px;
    position: absolute;
    margin-top: 8px;
    margin-left: 10px
}

.calendarinput {
    color: #f39801;
    border: 1px solid;
    border-radius: 5px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    padding-left: 90px;
    width: 150px
}

.slect-tbox label::before {
    width: 19px;
    height: 19px;
    position: absolute;
    background: url(/dist/images/cal-icon.png) no-repeat;
    right: -147px;
    top: 3px
}

.calendarbtn {
    font-size: 18px;
    color: #fff;
    background: #f39801;
    border-radius: 5px;
    line-height: 42px;
    margin-left: 10px;
    border: none;
    padding: 0 20px;
    cursor: pointer
}

.calendarMore {
    text-align: right;
    font-size: 30px;
    display: block;
    color: #999;
    margin-top: 20px
}

#newsBOX > div, #playerswf {
    display: none
}

#af {
    background: #fff
}

.vedio {
    height: 100%
}

.vedio h2 {
    font-size: 28px;
    line-height: 80px
}

.vedio-x {
    height: auto
}

.vedio-live {
    width: 600px
}

.gd-video {
    margin-top: 15px
}

.vedio-con {
    width: 48%;
    position: relative
}

.video-lnk {
    display: block;
    position: relative
}

.gd-zb {
    padding: 15px
}

.gd-liveroom-teaher {
    border-bottom: 1px solid #434343;
    height: 115px;
    margin-top: 20px;
    position: relative
}

.liveroom-home {
    background: #fcaa2c;
    padding: 5px 8px;
    color: #fff;
    border-radius: 8px;
    margin-top: 10px
}

.liveroom-home:hover {
    color: #fff
}

.gd-liveroom-teaher img {
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.microphone {
    display: block;
    height: 22px;
    width: 33px;
    background: url(/dist/images/microphone.png) no-repeat;
    margin: 0 auto
}

.gd-bot-box a, .gd-yous-data li, .hdsildetext, .offer-up-ul li, .seeicon, .team-teacher li {
    display: inline-block
}

.teacher-img {
    width: 22%;
    overflow: hidden
}

.gd-teacher {
    width: 78%
}

.gd-teacher h3 {
    font-size: 18px
}

.gd-zb-title {
    font-size: 28px;
    margin-bottom: 10px
}

.gd-zb-yugao {
    height: 63px;
    line-height: 63px;
    position: absolute;
    bottom: 10px;
    width: 89%
}

.gd-zb-yugao img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #434343;
    margin: 0 5px
}

.gd-zb-p {
    margin-top: 10px;
    border-radius: 5px;
    padding: 10px 10px 10px 0;
    color: #999
}

.team-teacher {
    background: #fafafa;
    height: 390px;
    text-align: center
}

.team-teacher li {
    width: 50%
}

.item_box:hover {
    background: #fff;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .1)
}

.item_box img {
    margin-top: 60px
}

.item_box:hover img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.item_content {
    background: #fcaa2c;
    height: 40%;
    bottom: -37%;
    width: 100%;
    line-height: 1.5;
    color: #fff;
    padding: 5%;
    box-sizing: border-box;
    text-align: left;
    opacity: 0;
    left: 0
}

.item_box:hover .item_content {
    bottom: 0;
    opacity: 1
}

.item_content img {
    vertical-align: bottom
}

.dchart-im, .gd-yous-data li, .gd-yous-data li img {
    vertical-align: middle
}

.team-teacher {
    margin-top: 50px
}

.item_box {
    display: block;
    width: 95%;
    height: 387px;
    margin: 0 auto
}

#playerswf {
    height: 504px;
    width: 600px;
    background: rgba(0, 0, 0, 1)
}

.gd-ys-box {
    position: relative;
    top: -49px;
    width: 1178px;
    margin: 0 auto;
    padding: 12px 10px;
    background: #fff;
    z-index: 9;
    border-radius: 5px;
    -webkit-box-shadow: 3px 5px 30px rgba(166, 137, 105, .15);
    -moz-box-shadow: 3px 5px 30px rgba(166, 137, 105, .15);
    box-shadow: 3px 5px 30px rgba(166, 137, 105, .15);
    border: 1px solid #f5f3f2
}

.gd-moudle, .rounded-list li {
    border-bottom: 1px solid #e6e6e6
}

.gd-yous-data {
    font-size: 16px;
    width: 180px;
    padding-left: 150px;
    padding-top: 9px
}

.gd-bot-box {
    width: 850px;
    margin-top: 7px
}

.gd-yous-data ul {
    height: 74px
}

.gd-yous-data li {
    font-size: 0;
    line-height: 74px;
    width: 25%;
    text-align: center;
    height: 74px
}

.gd-bot-box a {
    color: #fff;
    line-height: 50px;
    border-radius: 6px;
    font-size: 20px;
    text-align: center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    height: 50px;
    padding: 0 10px
}

.gd-bot-box .true-btn {
    vertical-align: top;
    background: #f55;
    width: 495px;
    margin-right: 10px
}

.gd-bot-box .true-btn:hover {
    width: 505px
}

.gd-bot-box .demo-btn {
    width: 280px;
    background: #fcaa2c
}

.gd-bot-box .demo-btn:hover {
    width: 290px
}

.gd-pct49 {
    width: 49%
}

.onlineedu-banner {
    border-top: 1px dashed #d2d2d2;
    margin-top: 15px;
    padding-top: 20px
}

.hdsildeline {
    vertical-align: top;
    border-right: 1px solid #fff;
    padding-right: 20px;
    margin-right: 20px
}

.hdsildetext {
    font-size: 12px;
    line-height: 15px;
    padding-top: 11px
}

.gd-img-slidenav30 {
    position: absolute;
    margin-top: 5px;
    left: 27px
}

.slidenavnextimg {
    margin-top: 14px
}

.gd-moudle {
    padding-bottom: 40px
}

ol {
    counter-reset: li
}

.rounded-list li {
    height: 46px;
    line-height: 46px
}

.rounded-list a {
    position: relative;
    float: left;
    width: 230px;
    padding: 0 .5rem 0 1.2rem;
    color: #444
}

.rounded-list time {
    font-size: 12px;
    color: #ccc
}

.rounded-list a:hover {
    color: #fcaa2c
}

.rounded-list a::before {
    content: counter(li) '、';
    counter-increment: li;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.9em;
    height: 2em;
    width: 2em;
    line-height: 2em
}

.boxShadow {
    background-color: #fff;
    -webkit-box-shadow: 3px 5px 30px rgba(166, 137, 105, .15);
    -moz-box-shadow: 3px 5px 30px rgba(166, 137, 105, .15);
    box-shadow: 3px 5px 30px rgba(166, 137, 105, .15);
    border: 1px solid #f5f3f2
}

.offer-left {
    width: 800px
}

.offer-iframe {
    height: 520px
}

.offer-right {
    width: 360px
}

.offer-up-data {
    padding: 15px 0;
    margin-bottom: 30px
}

.offer-up-ul {
    font-size: 0;
}

.offer-up-ul li {
    width: 33%;
    text-align: center
}

.offer-up-ul li div {
    text-align: center;
    border-right: 1px solid #e2e2e2;
    width: 100%
}

.offer-up-ul .offer-up-ul-last {
    width: 19%
}

.offer-up-ul .offer-up-ul-last div {
    border-right: none
}

.offer-up-name {
    color: #999;
    font-size: 16px
}

.pprice {
    font-size: 24px;
    font-weight: 700
}

.ppriceMax {
    font-size: 50px;
    font-weight: 700
}

.seeicon {
    width: 13px;
    height: 11px
}

.seeiconMax {
    height: 23px;
    display: block;
    padding-top: 15px
}

.container_category li, .offer-formNav li {
    font-size: 18px;
    display: inline-block;
    cursor: pointer
}

.up {
    color: #4fc038
}

.fall {
    color: #f55
}

.fall .seeicon {
    background: url(/dist/images/priseicon.png) left top no-repeat;
    vertical-align: 2px
}

.up .seeicon {
    background: url(/dist/images/priseicon.png) right bottom no-repeat;
    vertical-align: 4px
}

.up .seeiconMax {
    background: url(/dist/images/liter.png) 59% bottom no-repeat
}

.fall .seeiconMax {
    background: url(/dist/images/fall.png) 59% bottom no-repeat
}

.maxNum {
    width: 300px;
    position: absolute;
    left: 60px;
    top: 10px
}

.chart_container {
    padding-top: 25px
}

.offer-realTime-box {
    padding: 15px 20px
}

.gdh3-title {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin-top: 15px
}

.gdh3-title a {
    color: #fcaa2c
}

.offer-down {
    margin-top: 20px
}

.offer-formNav {
    height: 50px;
    font-size: 0;
    line-height: 50px
}

.offer-formNav li {
    width: 50%;
    background: #fafafa;
    color: #999;
    text-align: center
}

#today_QUSDX {
    border: none;
}

.offer-formNav li.active {
    background: #fcaa2c;
    color: #fff
}

.container_category {
    padding-top: 25px
}

.container_category li {
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    transition: all .3s ease-out 0s;
    position: relative
}

.container_category li:not(:first-child) {
    margin-left: 5px
}

.container_category li.active, .container_category li:hover {
    background-color: #fcaa2c;
    color: #fff
}

.container_category a:hover {
    color: #fff
}

.firstnew {
    width: 455px;
    height: 410px;
    background: #f4f4f4;
    padding: 18px 50px
}

.firstnew .time {
    color: #666;
    font-size: 24px
}

.firstnew h3 {
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0 15px
}

.firstnew p {
    color: #999;
    border-left: 1px solid transparent;
    padding-left: 0;
    transition: all .36s ease;
    height: 46px
}

.firstnew:hover p, .newmore {
    border-left: 1px solid #e2e2e2
}

.firstnew:hover p {
    padding-left: 20px
}

.newlist {
    width: 565px
}

.firstnew .item_img {
    display: block;
    width: 420px;
    height: 160px;
    margin-top: 30px
}

.firstnew .item_img img {
    transition: all .36s ease;
    width: 100%
}

.firstnew:hover .item_img img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.firstnew .details {
    position: absolute;
    left: 50px;
    bottom: 0;
    width: 140px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    opacity: 0;
    background-color: #ffbe00;
    transition: all .36s ease;
    color: #fff;
    font-size: 30px;
    font-weight: 300
}

.newlist li, .newmore {
    transition: all .3s ease-out 0s
}

.firstnew:hover .details {
    opacity: 1;
    bottom: 30px
}

.newlist li {
    padding: 25px 20px;
    border-bottom: 1px solid #e2e2e2
}

.newlist li:last-child {
    border-bottom: none
}

.newlist li h3 {
    font-weight: 400;
    height: 44px
}

.newmore {
    height: 20px;
    line-height: 20px;
    opacity: 0;
    margin-right: 15px;
    width: 50px
}

.newmore span {
    color: #ffbe00;
    font-size: 20px;
    padding-left: 10px
}

.date_wrap {
    font-weight: 400;
    font-size: 24px;
    color: #999;
    font-family: helveticaneuethn, HELVETICANEUELTPRO-THEX, "微软雅黑"
}

.date_wrap .time {
    font-size: 14px;
    top: 26px;
    left: 0
}

.newsp {
    width: 80%;
    color: #999
}

.newlist li:hover {
    padding: 25px 20px 25px 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    background: #fff
}

.newlist li:hover .newmore {
    opacity: 1
}

#newsBOX .active {
    display: block
}

.newlist a, .newlist-title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newlist-title {
    width: 74%
}

.newlist a {
    width: 400px
}

.calendarL {
    width: 350px
}

.ie7 .calendarL, .ie8 .calendarL {
    display: none
}

.calendarR {
    width: 760px
}

.ie7 .calendarR, .ie8 .calendarR {
    width: 1200px
}

.newsNav {
    border-bottom: 1px solid #eee;
    height: 60px;
    width: 570px;
    text-align: right
}

.slect-tbox {
    margin-bottom: 25px
}

.download-ul {
    text-align: center;
    margin: 20px 0 80px
}

.download-ul li {
    display: inline-block;
    margin: 0 10px
}

.download-b, .download-ul a {
    display: block;
    text-align: center
}

.download-ul a {
    border: 1px solid #434343;
    border-radius: 4px;
    width: 190px;
    height: 50px;
    line-height: 50px;
    font-size: 16px
}

.download-title {
    font-size: 48px;
    color: #000;
    font-weight: 400;
    width: 300px;
    text-align: center;
    margin: 0 auto;
    position: relative
}

.download-title:after, .download-title:before {
    content: '';
    width: 150px;
    height: 2px;
    background: #ccc;
    position: absolute;
    top: 36px
}

.download-title:before {
    left: -160px
}

.download-title:after {
    left: 313px
}

.download-b {
    font-weight: 400;
    color: #fcaa2c;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px
}

.download-content {
    color: #999;
    text-align: center;
    margin: 10px 0
}

.dchart-im {
    position: relative;
    display: inline-block;
    width: 104px;
    height: 104px;
    line-height: 104px
}

.dchart-im i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -35px;
    width: 70px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 22px
}

.ccbl {
    width: 100%;
    display: block;
    padding: 30px 0 20px
}

.ccbl-p {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-bottom: 10px
}

.ccbl-content {
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 10px;
    position: relative;
    height: 170px
}

.ccbl-content::after, .ccbl-content::before {
    content: '';
    width: 170px;
    height: 1px;
    left: 0;
    position: absolute
}

.ccbl-content::before {
    border-top: 1px solid #e6e6e6;
    top: 21px
}

.ccbl-content::after {
    border-bottom: 1px solid #e6e6e6;
    top: 149px
}

.ccbl-block {
    display: block;
    width: 30px;
    height: 8px;
    border-radius: 5px
}

.ccbl-green {
    background: #0a860a
}

.ccbl-red {
    background: #f74a45
}

.ccbl-per {
    font-size: 33px;
    font-weight: 700;
    position: absolute;
    left: 41px;
    top: -13px
}

.ccbl-green-color {
    color: #0a860a
}

.ccbl-red-color {
    color: #f74a45
}

.ccblLeft {
    padding-top: 22px
}

.ccbl-l {
    width: 130px;
    height: 40px;
    position: relative;
    margin: 20px 0
}

.ccbl-l p {
    padding-left: 2px;
    padding-top: 2px
}

.ccbl-title {
    font-size: 18px
}

.ccbl-czjy {
    padding: 15px 10px 10px 47px
}

.ccbl-czjy p {
    margin: 5px 0
}

.ccbl-zc span {
    font-weight: 700;
    color: #fcaa2c
}

.llsbox {
    display: none
}

.download-container {
    margin-bottom: 160px
}

.mt4ios i {
    background: url(/dist/images/mt4ios.png)
}

.mt4android i {
    background: url(/dist/images/mt4an.png)
}

.gd-mobliecode i {
    width: 150px;
    height: 150px;
    background-size: cover;
    position: absolute;
    margin-top: 53px;
    margin-left: -75px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.gd-mobliecode:hover i {
    opacity: 1;
    filter: alpha(opacity=100)
}

@-webkit-keyframes play {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@-moz-keyframes play {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(-360deg)
    }
}

@keyframes play {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}

.banner-text h1 {
    font-size: 40px;
}

.banner-text h3 {
    font-size: 26px;
    margin: 20px 0 30px 0;
}

.banner-text {
    color: #ffffff;
    width: 50%;
}

.banner-text a {
    color: #ffffff;
    padding: 8px 60px;
    background-color: #fcaa2c;
    border-radius: 50px;
    font-size: 20px;
    display: inline-block;
    margin-bottom: 20px;
    font-weight: 800;
}

.banner-text a:hover {
    background-color: #008000;
    color: #000000;
}


.button {
    border: none;
    font-weight: 600;
    color: #fff;
    background: #ff4521;
    padding: 10px 15px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    font-size: 18px;
}


.has-text-right {
    text-align: right !important;
}

.direction.up {
    color: #29E387;
}

table.desktop td.direction {
    font-weight: 600;
}

table td:not([align]), table th:not([align]) {
    text-align: inherit;
}

table.desktop tbody tr {
    position: relative;
}

table.desktop td:last-child {
    padding-right: 30px;
    white-space: nowrap;
    width: 150px;
}

table.desktop td {
    padding: 55px 5px;
    font-size: 22px;
    vertical-align: middle;
}


table.desktop td.symbol-icon {
    width: 45px;
}

table.desktop td:first-child {
    padding-left: 30px;
    white-space: nowrap;
}

table.desktop {
    width: 100%;
    position: relative;
    table-layout: auto;
    border-collapse: collapse;
}

table.desktop th {
    padding: 30px 5px 15px;
    background: #F5F5F5;
}

.offer-iframe {
    margin: auto;
    float: none;
}

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

.appBox .line img {
    width: 41px;
    height: 40px;
}

#downlaodSwiper .swiper-wrapper .swiper-slide:first-child {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

#downlaodSwiper .swiper-wrapper .swiper-slide:last-child {
    height: 450px;
}

.fx-down {
    text-align: center;
    padding: 30px 0;
}

.fx-d {
    background-color: orange;
    border-radius: 50px;
}

.newsNav li.active {
    float: left;
}

.expert p {
    font-size: 20px;
    margin-bottom: 20px;
    padding: 10px;
    box-shadow: 3px 5px 15px rgb(166 137 105 / 15%);
    border-radius: 5px;
    border: 1px solid #f5f3f2;
}

.more-expert a {
    padding: 15px 50px;
    background-color: #fcaa2c;
    display: inline-block;
    border-radius: 25px;
    color: #ffffff;
}

.footer-logo img {
    height: 60px;
    margin: 0 10px 0 15px !important;
}

.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-bottom a {
    color: #cccccc;
}

.top-fixed {
    position: fixed;
    top: 0;
    border-bottom: 1px solid #8a8a8a;
    width: 100%;
}


.m-nav {
    display: none;
}

.p-none {
    display: none;
}

#hdSlide1 .gd-constr {
    display: flex;
    align-items: center;
    padding: 8rem 1rem;
}

#hdSlide1 .gd-constr .right {
    width: 50%;
    padding: 2rem;
}

#hdSlide1 .gd-constr .right img {
    max-width: 100%;
}

.gd-hd-slide-bg {
    z-index: -1 !important;
}