<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.clearfix:after,ul:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix,ul { zoom:1; }
.whitebg{ background: #fff;}
/*login css*/
.login{ background: #fff; padding: 35px 10%;}
.login_logo{ width: 70px; height: 70px; margin: 0 auto 15px auto;}
.login_logo img{ width: 100%; height: 100%;}
.login .mui-input-group .mui-input-row::after{ background: none;}
.login .mui-input-row{ padding-left: 28px;}
.login .mui-input-group .mui-input-clear{ border-bottom: 1px solid #d6d6d6; height: 19px; line-height: 19px; color: #333;}
.login .mobile-input{background: url(../images/mobile-icon.png) no-repeat 0 10px/18px 18px;}
.login .password-input{ background: url(../images/password-icon.png) no-repeat 0 10px/18px 18px;}
.login .name-input{background: url(../images/name-icon.png) no-repeat 0 10px/18px 18px;}
.login .code-input{background: url(../images/code-icon.png) no-repeat 0 10px/18px 18px;}
.login .code2-input{ background: url(../images/code2-icon.png) no-repeat 0 10px/18px 18px;}
.login .mui-input-row label ~ input,.login .mui-input-row label ~ select,.login .mui-input-row label ~ textarea{ float: none; width: 100%;}
.login .mui-input-row .msgs{ position:absolute; top:50%; right:0; margin-top:-12px;display: block; width:40px; font-size:12px;text-align:center; line-height:24px;color:#fff; background:#2b5292;border-radius:3px;cursor:pointer;}
.login .mui-input-row .msgs1{ background:#e6e6e6; color:#999;}
.login .mui-input-row em{ position: absolute; top: 50%; right: 0; color: #bbb; font-size: 13px; margin-top: -10px; font-style: normal;}
.rememb{ padding: 15px 0 0 0;}
.remembcheck{display: none;}
.remembcheck + label{ display: block; width:100%; height:20px; padding-left: 30px; font-size:12px;color:#999;background:url(../images/c_checkbox_off2.png) no-repeat 0 center/18px 18px;cursor:pointer;}
.remembcheck:checked + label{ background:url(../images/c_checkbox_on2.png) no-repeat 0 center/18px 18px;}
.user-agreement .remembcheck + label{ float:left; width: 25px;}
.login .link-area{ padding: 15px 0 0 0;}
.login .link-area a{ color: #aaa;}
.login .link-area a:hover,.login .link-area a:focus{ color: #2b5292;}
.login .link-area #forgetPassword{ float: right;}
.login .loginbtn{margin: 15px 0 0 0;}
.login .mui-btn-block {font-size: 14px; color: #fff;padding: 10px 0; background: #2b5292; border-radius: 2px; border: 1px solid #2b5292; cursor: pointer;}
.login .loginbtn a{ display:block;border: 1px solid #2b5292;border-radius: 2px; font-size: 14px; color: #fff;padding: 10px 0;color: #2b5292; text-align: center;}
.protocol{ padding: 10px; font-size: 13px; color: #444; line-height: 22px;}
.protocol .tit{font-size: 18px;font-weight: normal;line-height: 30px; text-align:center;padding: 10px 0;}
.protocol .content p{ padding: 10px 0 0 0; margin: 0;}
.protocol .content h2{ font-size: 15px; font-weight: normal;}
/*index css*/
.banner{position: relative;}
.service-tel,.guide{ position: absolute; top: 10px; background: rgba(0,0,0,0.4); width: 35px; height: 35px; border-radius: 100%;}
.service-tel{ left:10px;}
.guide{right:10px;}
.service-tel a,.guide a{ display: block; width: 100%; height: 100%; border-radius: 100%; background-position: 0 0; background-repeat: no-repeat; background-size: 100% 100%;}
.service-tel a{background-image: url(../images/kf_icon.png);}
.guide a{background-image: url(../images/help_icon.png);}
.homebody .productlist{ padding-bottom: 52px;}
.productlist .list{ padding: 10px 80px 10px 15px; position: relative; border-bottom: 1px solid #e6e6e6; color: #999; background: #fff;}
.productlist .list h1{ font-size: 14px; color: #333; font-weight: normal;margin: 0 0 2px 0;}
.productlist .list p{ color: #999;}
.productlist .list p span{ margin-right:10px;}
.productlist .price{position: absolute; top: 11px; right:12px; color: #2b5292;text-align: right;}
.productlist .price p{ color: #2b5292; }
.productlist .price h2{ font-weight:normal;font-size: 14px;line-height: 18px; margin:0 0 2px 0;background: url(../images/up.png) no-repeat 0 1px/14px 14px; padding-left: 16px;}
.productlist .price.fall,.productlist .price.fall p{ color: #069c7d;}
.productlist .price.fall h2{background: url(../images/down.png) no-repeat 0 1px/14px 14px;}
.tip_line{ margin:24px auto;position:relative;width:52%; border-top:1px solid #e6e6e6;}
.tip_line span{position:absolute; top:-10px; left:50%; margin-left:-45px; display:block; background:#f5f5f5;text-align:center; width:90px;color:#bbb;}
/*product css*/
.product_parameter{background: #2b5292;padding: 10px 0 10px 12px;color: #fff; position: relative;}
.value h2{ font-size:33px; font-weight:normal;line-height: 60px;}
.value h3{ font-size:13px; font-weight:normal;background: url(../images/up2.png) no-repeat 0 1px/10px 13px; padding-left: 14px;}
.value h3 span{ margin-left: 8px;}
.product_parameter .rule{ position: absolute; top: 10px; right: 10px;}
.product_parameter .rule a{ display:block; padding-right:18px;color: #fff; background: url(../images/rule.png) no-repeat right center/14px 14px;}
.product_parameter .parameter{ position:absolute; right:0; bottom:8px;line-height: 25px;}
.product_parameter .parameter span{ margin: 0 12px 0 3px;}
.dealmap{ background: #fff; margin: 10px 0 15px 0;}
.mui-slider-progress-bar.mui-col-2{ width: 20%;} 
.deal_time{ color: #999; text-align: center;}
.change{ padding:18px 0 45px 0; text-align: center;}
.change a{display: inline-block; background-color: #2b5292;background-image: url(../images/up3.png); background-position: 28px center; background-repeat: no-repeat; background-size: 18px 18px; margin: 0 4%; border-radius:3px; padding: 10px 27px 10px 55px; font-size: 15px; color: #fff;}
.change .bearish{ background-color:#069c7d; background-image: url(../images/down3.png);}
.product_parameter.fall{ background:#069c7d;}
.product_parameter.fall h3{background: url(../images/down2.png) no-repeat 0 1px/10px 13px;}
/*order css*/
.order li{ background:#fff; margin:0 0 2px 0; position: relative; text-align:right; padding: 10px 10px 10px 150px; list-style: none; zoom:1;}
.order li:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.order li .t{ position: absolute; left: 10px; top: 50%; margin-top: -10px; color: #333; font-size: 13px; text-align: left;}
.order li .t span{font-size: 12px; color: #aaa;}
.order .ul1 li{ color: #333;}
.order .ul1 li label{ font-size: 14px; color: #2b5292; margin-left: 2px;}
.order .ul2 li{ color: #444;}
.order .ul2 li label{ font-size: 13px;}
.order .ul3 li{ font-size: 11px; color: #2b5292;}
.order .ul3 li label{ font-size: 14px; }
.order .ul3 .totalprice{ padding-left: 0;}
.order .ul3 .totalprice span{font-size: 13px; color: #333;}
.order .ul2 li em{ position: absolute; top: 50%; right: 10px; margin-top: -10px; font-style: normal; font-size: 14px; color: #2b5292;}
.order .count{float:right; margin-right:20px;border:1px solid #e6e6e6;border-radius:2px;zoom:1;}
.order .count:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.order .count span,.order .count button{float:left; display:block; width:36px; border:0; height:20px; padding:8px 0;color:#aaa;text-align:center;font-size:25px; line-height:20px; cursor:pointer;}
.order .count input{float:left;width:50px!important;height:36px; padding: 0; line-height:36px; border:0;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;background:none; border-radius:0;color:#2b5292; text-align:center; font-size: 16px;}
.order-txt{ padding: 8px 10px; text-align: right; color: #aaa;}
.order-txt label{ color: #444; margin: 0 3px;}
.submitbtn{ margin: 15px 10px;background: #2b5292;height: 40px; line-height: 40px; text-align: center; font-size:15px; color:#fff;border-radius:3px;cursor: pointer;}
.submitbtn a,.submitbtn input,.submitbtn button{ display: block; width: 100%;background: none; border:0; height: 40px; line-height: 40px; text-align: center; font-size:15px; color:#fff; padding:0;border-radius:3px;cursor: pointer;}
.bearish-order .ul1 li label,.bearish-order .ul3 li,.bearish-order .ul2 li em,.bearish-order .count input{color: #069c7d;}
.bearish-order .submitbtn a,.bearish-order .submitbtn input,.bearish-order .submitbtn button{ background: #069c7d;}
/*recharge css*/
.account{border-bottom: 10px solid #f5f5f5; padding: 13px 10px; font-size: 14px; color: #333;}
.account span{color: #2b5292; margin: 0 3px;}
.recharge{ padding: 10px;}
.recharge h1{ font-size: 13px; color: #aaa;font-weight: normal; padding-bottom:12px;}
.recharge-amount li{ float: left; width: 30.3%; margin: 0 1.5% 15px 1.5%;list-style: none;}
.recharge-amount .radio{ display:none;}
.recharge-amount .radio + label {width:100%;font-size:12px;display: block;position: relative; line-height:48px; color:#333; border:1px solid #dbdbdb; text-align:center;border-radius:3px;cursor:pointer;}
.recharge-amount .radio:checked + label { border:1px solid #2b5292;}
.re_account input{ display: block; width: 99.5%;  border: 1px solid #dbdbdb;border-radius:3px; background: #f5f5f5; padding: 10px 0;text-align: center; font-size: 13px; color: #666;}
.recharge .submitbtn{ padding: 15px 0 35px 0;}
.recharge-instructions{ color: #aaa; line-height: 25px;}
.tocharge{ margin: 15px 0 35px 0;background: #2b5292;height: 40px; line-height: 40px; text-align: center; font-size:15px; color:#fff; border-radius:3px;cursor: pointer;}
.tocharge a,.tocharge input,.tocharge button{ display: block; width: 100%; height: 40px; line-height: 40px; text-align:center; background:none; border:0;font-size:15px; color:#fff; border-radius:3px; padding:0;cursor: pointer;}

.select_pay{display:none; position:fixed; z-index:10000;bottom:0;left: 0;width: 100%;background:#fff;}
.select_pay h3{padding:15px 15px 0 15px;line-height: 22px; font-size: 13px; color: #bbb; font-weight: normal;}
.select_pay li{padding:10px 15px; border-top:1px solid #dfdfdf;position:relative; list-style:none;zoom:1;}
.select_pay li:first-child{ border: 0;}
.select_pay li:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.select_pay li img{ float:left; width:30px; height:30px; margin:4px 10px 0 0;}
.select_pay li h2{ float:left; width:140px;font-size:14px; color:#333; font-weight:normal;}
.select_pay li h2 span{ display: block; color: #aaa; font-size: 12px; line-height: 16px;}
.select_pay .regular-radio{display: none;}
.select_pay .regular-radio + label{ position:absolute; top:15px; right:15px; width:100%; height:25px; background:url(../images/c_checkbox_off.png) no-repeat right center/18px 18px;cursor:pointer;}
.select_pay .regular-radio:checked + label{ background:url(../images/c_checkbox_on.png) no-repeat right center/18px 18px;}
.confirmbtn{ background:#2b5292; height:48px; line-height:48px;font-size:15px; color:#fff; text-align:center; cursor: pointer;}
.select_pay .confirmbtn button,.select_pay .confirmbtn input,.select_pay .confirmbtn a{ display:block; background:none; border:0; width:100%; height:48px; line-height:48px; text-align:center; padding:0; cursor:pointer; color:#fff; font-size:15px;}
.setpassword{padding-top: 10px;}
.setpassword .mui-table-view{ padding: 0 10px;}
.setpassword .mui-table-view-cell{ position: relative; padding: 10px 10px 10px 75px;}
.setpassword .mui-table-view-cell::after{background-color: #f5f5f5;}
.setpassword .mui-table-view-cell span{position: absolute; top: 7px; left:0; display: block; height: 26px; font-size: 13px; color: #444; line-height: 26px; border-right:1px solid #f5f5f5; padding-right: 10px;}
.setpassword .mui-table-view-cell input{ border: 0; padding: 0;}
.deal_box{display:none;position:fixed; z-index:9000; background: rgba(0,0,0,0.55);top:0; left:0; width:100%; height:100%;}
.deal_box .con{position: absolute;background: #fff; width: 84%; left:8%; top:50%; margin-top:-90px;border-radius: 4px;}
.deal_box .con h1{ text-align: center; padding: 15px 0; line-height: 22px; font-size: 14px; color: #444; font-weight: normal;}
.deal_box .con .inputs{ margin: 0 15px; padding:10px; border-bottom: 1px solid #dfdfdf;}
.deal_box .con .inputs input{ border: 0; padding: 0;}
.deal_box .con .submitbutton{margin:20px 15px;background: #2b5292;height: 40px; line-height: 40px; text-align: center; font-size:15px;color:#fff;border-radius:3px;cursor: pointer;}
.deal_box .con .submitbutton a,.deal_box .con .submitbutton input,.deal_box .con .submitbutton button{ display: block; width: 100%;background: none; border:0; height: 40px; line-height: 40px; text-align: center; font-size:15px; color:#fff; padding:0;border-radius:3px;cursor: pointer;}
.deal_box .con .closebox{position: absolute; top:20px; right: 15px; display: block; width: 16px; height: 16px; background: url(../images/close-icon.png) no-repeat 0 0/14px 14px; cursor: pointer;}
.mui-toast-container{bottom:50%;}
/*positions css*/
.positionlist { padding-bottom: 50px;}
.positionlist .list{ background: #fff; position: relative; margin: 0 0 5px 0;}
.positionlist .p_title{ padding: 10px; border-bottom:2px solid #f5f5f5;zoom:1;}
.positionlist .p_title:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.positionlist .p_title h2{ float: left; display: inline-block; font-size: 11px; padding: 1px 8px 0 8px; border-radius: 20px; color: #fff; background: #2b5292; margin-right: 5px;  font-weight: normal;}
.positionlist .p_title h1{ float: left; display: inline-block; font-weight: normal; font-size: 14px; color: #333;}
.positionlist .p_title h1 span{ font-size: 12px; color: #999;}
.positionlist .p_title .time{ float: right; width: 120px; text-align: right; color: #aaa;}
.positionlist ul{ padding: 10px 70px 10px 10px;}
.positionlist li{ float: left; width: 33%; list-style: none; color: #999;}
.positionlist li span{ margin-left: 2px;}
.positionlist .li span{ color: #2b5292;}
.positionlist .fall .p_title h2{background: #069c7d;}
.positionlist .fall .li span{ color: #069c7d;}
.positionlist .cover{ position: absolute; right: 10px; bottom: 18px;}
.positionlist .cover input,.positionlist .cover button, .positionlist .cover a{ display: inline-block; border-radius: 3px; background: #f5871c; border: 0; padding: 2px 10px; color: #fff; font-size: 12px; cursor: pointer;}

.positionlist .button{ padding: 25px 10px;}
.positionlist .button input,.positionlist .button button,.positionlist .button a,.positionlist .button span{ display: block; width: 100%; height: 40px; background:#fff; border-radius: 3px; border:0;font-size: 14px; color: #f5871c; cursor: pointer;}
/*mycenter css*/
.usertop{background-image:-webkit-linear-gradient(to right,#ea8f25,#2b5292); background-image:linear-gradient(to right,#ea8f25,#2b5292);position:relative;color:#fff;}
.usertop a{ color:#fff;}
.usertop .userinfor{ position: absolute; top:10px; left: 10px; font-size:13px;}
.balance{text-align: center; padding: 25px 0 70px 0;}
.balance h2{ font-size: 40px; font-weight: normal; line-height: normal; margin: 15px 0 0 0;}
.usertop .tab{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 8px 0; background:  rgba(144,33,1,0.1)}
.usertop .tab li{ float:left; width: 49.5%; line-height: 25px; border-left: 1px solid rgba(255,255,255,0.2); list-style: none; text-align: center;}
.usertop .tab li:first-child{ border: 0;}
.usertop .tab li a{ display: block;}
.usertop .tab li i{ display: inline-block; width: 20px; height: 20px; margin-right: 8px; position:relative;top:5px;background-position: 0 0; background-repeat: no-repeat; background-size: 20px 20px;}
.usertop .tab .li1 i{ background-image: url(../images/tab_icon1.png);}
.usertop .tab .li2 i{ background-image: url(../images/tab_icon2.png);}
.usermenu{margin:0 0 80px 0;}
.usermenu ul{margin-bottom: 10px;}
.usermenu .mui-table-view-cell::after {height:2px;background-color: #f5f5f5;}
.usermenu .mui-table-view-cell {font-size: 13px; color: #444;}
.usermenu .mui-table-view-cell .icon{ float:left; width: 20px; height: 20px; margin: 0 10px 0 0;}
.usermenu .mui-table-view-cell .icon img{width: 100%; height: 100%;}
/*withdraw css*/
.withdraw{padding: 25px 10px 60px 10px;}
.withdraw h3{ text-align: center; font-weight: normal; font-size: 12px; color: #aaa;}
.withdraw .inputs{ width: 60%; margin: 20px auto 40px auto; border-bottom: 1px solid #dfdfdf; text-align: center; padding: 0 0 5px 0;}
.withdraw .inputs span{ font-size: 22px; color: #2b5292; margin-right: 5px;}
.withdraw .inputs input{ border: 0; width: 40%; font-size: 20px; height:25px; line-height: 25px; padding:0;color: #aaa;}
.withdraw .tocharge{ margin-bottom: 90px;}
.recharge-instructions h1{ border-top: 1px solid #e6e6e6; position: relative; margin:20px 0 30px 0;font-weight: normal; font-size: 12px; color: #aaa; text-align: center;}
.recharge-instructions h1 span{ display: block; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -12px;; width: 60px; background: #fff; height: 20px;}
.to-withdraw ul{ background: #fff; margin: 0 0 5px 0;}
.to-withdraw li{ border-bottom: 2px solid #f5f5f5; position: relative; padding: 10px 10px 10px 10px;}
.to-withdraw li span{ position: absolute; top: 10px; left: 10px; font-size: 13px; color: #444;}
.to-withdraw li .input{ border: 0; width: 100%; padding: 0; text-align: left; color: #666;}
.to-withdraw li label{ display: block; width: 100%; text-align: right; font-size: 13px; color: #444;}
.to-withdraw li .mui-btn-block{ position: absolute; z-index: 10; top: 10px; right: 10px;padding: 0 15px 0 0; border: 0; font-size: 13px; height: 20px; margin: 0; background: none!important;}
.to-withdraw li .mui-navigate-right::after,.to-withdraw li .mui-push-right::after{ right: -5px;}
.to-withdraw li .ui-alert{ position: absolute; z-index:2;top: 10px; right: 30px;}
.to-withdraw .codeli{ padding: 10px 100px 10px 10px;}
.to-withdraw .codeli .input{ text-align: left;}
.to-withdraw .codeli .msgs{ top: 8px; right: 10px; left: auto; background: #2b5292; width: 45px; height:24px; line-height:24px;border-radius: 2px; text-align: center; color: #fff; cursor: pointer;}
.to-withdraw .codeli .msgs1{ background:#e6e6e6; color:#999;}
.to-withdraw .tocharge{ margin: 20px 10px;}
.positionlist .ul{ padding: 8px 5px 8px 10px;}
.positionlist .ul li{ width: 25%;}
.funds{ padding: 8px 80px 8px 10px; color: #999; position: relative;}
.funds span{ margin:0 15px 0 5px;}
.funds label{ position: absolute; top: 10px; right: 10px; color: #f5871c;}
.records .mui-slider-indicator{ background: #fff;}
.records .mui-slider .mui-slider-group{ margin: 8px 0 0 0;}
.records .mui-segmented-control .mui-control-item{font-size: 14px; color: #444;}
.records .mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{ color: #2b5292;}
.records .mui-table-view-cell{margin: 0 10px; padding: 5px 0; border-bottom: 2px solid #f5f5f5; color: #aaa; position: relative;}
.records .mui-table-view-cell::after{ height: 0;}
.records .mui-table-view-cell h1{font-size: 13px; color: #333; line-height: 25px; font-weight: normal;}
.records .mui-table-view-cell .price{ position: absolute; top: 50%; margin-top:-10px; right: 0; color: #2b5292;}
.records .mui-table-view-cell .price.outlay{ color: #444;}
.changepassword .mui-table-view-cell{padding: 10px; border-bottom: 2px solid #f5f5f5;position: relative;}
.changepassword .mui-table-view-cell::after{ height: 0;}
.changepassword .mui-table-view-cell input{ border: 0; padding: 0;}
.changepassword .mui-table-view-cell .msgs{ position: absolute; top: 8px; right: 10px;  background: #2b5292; width: 45px; height:24px;line-height:24px;border-radius: 2px; text-align: center; color: #fff; cursor: pointer;}
.changepassword .mui-table-view-cell .msgs1{ background:#e6e6e6; color:#999;}
/*profit-list css*/
.profit-list li{position:relative; border-bottom: 1px solid #f5f5f5; font-size:13px;padding:15px 15px 15px 60px;zoom:1;}
.profit-list li:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.profit-list li:nth-child(3){border-bottom: 5px solid #f5f5f5;}
.profit-list li:nth-child(1) span,.profit-list li:nth-child(2) span,.profit-list li:nth-child(3) span{ text-indent: 1000px;}
.profit-list li:nth-child(1) span{ background: url(../images/num1.png) no-repeat center center/30px 35px;}
.profit-list li:nth-child(2) span{background: url(../images/num2.png) no-repeat center center/30px 35px;}
.profit-list li:nth-child(3) span{background: url(../images/num3.png) no-repeat center center/30px 35px;}
.profit-list li span{ display:block;position: absolute; top: 50%; left: 5px; width: 50px; height: 35px; line-height: 35px; margin-top: -17px; text-align: center; color: #aaa; overflow: hidden;}
.profit-list li h1{float: left; width: 55%; font-size: 13px; font-weight: normal; color:#444;}
.profit-list li h2{float: right; width: 44%; font-size: 13px;font-weight: normal; color:#2b5292; text-align: right;}
/*service css*/
.service .mui-table-view{ background: none;}
.service .mui-table-view-cell::after{ background: #ddd;}
.service .mui-table-view-cell .mui-navigate-right{padding-right: 30px; font-size: 13px; color: #333;}
.service .mui-table-view-cell .mui-navigate-right i{display: none;}
.service .mui-table-view-cell.latest .mui-navigate-right i{display: inline-block; color: #fefefe; font-size: 11px; background: #2b5292; padding: 0 5px; font-style: normal; line-height:15px; margin-left:5px; position:relative; top:-2px;border-radius: 20px;}
.service .mui-table-view-cell.mui-active {background: none;}
.service .mui-table-view-cell.mui-active::after{ background: none;}
.service .mui-table-view-cell.mui-collapse.mui-active{ margin: 0;}
.service .mui-table-view-cell.mui-collapse .mui-collapse-content{ background: #fff; padding: 10px 15px; margin-top: 10px; color: #aaa;}
.service .mui-table-view-cell .mui-collapse-content tr{ border-top: 1px solid #f1f1f1;}
.service .mui-table-view-cell .mui-collapse-content tr:first-child{ border: 0;}
.service .mui-table-view-cell .mui-collapse-content tr td{border-left: 1px solid #f1f1f1; background: #fffcfa;padding: 10px 15px;}
.service .mui-table-view-cell .mui-collapse-content tr td:first-child{ border: 0;}

.overloay{display:none;position:fixed; z-index:9000; background: rgba(0,0,0,0.55);top:0; left:0; width:100%; height:100%;}
/*footer css*/
.footer{ position:fixed; z-index:999; bottom:0; left:0; width:100%; background:#fff;border-top:1px solid #dfdfdf; height: 50px;}
.footer li{ float:left; width:25%; text-align:center;color:#555; list-style: none;}
.footer li span{ display:block; margin:6px auto 2px auto; width:22px; height:22px;  background-size:22px 22px;}
.footer .li1 span{ background-image:url(../images/bottom_icon1.png);}
.footer .li2 span{ background-image:url(../images/bottom_icon2.png);}
.footer .li3 span{ background-image:url(../images/bottom_icon3.png);}
.footer .li4 span{ background-image:url(../images/bottom_icon4.png);}
.footer li a{ display:block;color:#555;}
.footer li a:hover,.footer li a:focus,.homebody .footer .li1 a,.positionsbody .footer .li2 a,.newsbody .footer .li3 a,.userbody .footer .li4 a{color:#2b5292;}
.footer .li1 a:hover span,.homebody .footer .li1 span{ background-image:url(../images/bottom_icon1_2.png);}
.footer .li2 a:hover span,.positionsbody .footer .li2 span{ background-image:url(../images/bottom_icon2_2.png);}
.footer .li3 a:hover span,.newsbody .li3 span{ background-image:url(../images/bottom_icon3_2.png);}
.footer .li4 a:hover span,.userbody .li4 span{ background-image:url(../images/bottom_icon4_2.png);}

/*1-24 add css*/
.edit-card{padding:10px; zoom:1;}
.edit-card:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.edit-card .manage,.edit-card .save{float: right;}
.edit-card .manage{display: block; width: 55px; height: 28px; text-align: center; line-height: 28px; border-radius: 5px; font-size: 13px; background: #2b5292; color: #fff;}
.edit-card .save{display: none;}
.edit-card .save input,.edit-card .save button{display: block; width: 55px; height: 28px; text-align: center; line-height: 28px; border-radius: 5px; font-size: 13px; border:0;background: #2b5292; color: #fff; padding: 0;}
.cardlist .mui-table-view{background: none;}
.cardlist .mui-table-view-cell{background: #fff;margin-bottom: 10px; border-top: 1px solid #efefef;}
.cardlist .mui-media-object{ width: 40px; height: 40px; line-break: 40px; padding:5px;}
.cardlist .card-bank{font-size: 14px;color: #333; margin-bottom: 7px;}
.cardlist .card-num{ color: #999;}
.delcard{ display:none;position: absolute; top: 0; right: 0; width: 70px; height: 100%; text-align: center; color: #fff; background: #f93a30; font-size: 14px; cursor: pointer;}
.delcard span{ position: absolute; top: 50%; left: 0; width: 100%; margin-top: -10px;}

.add-card{ margin: 25px 15px; border: 2px dashed #a0a0a0; border-radius: 5px;}
.add-card a{ display: block; padding: 10px 0 10px 35px; text-align: center; color: #979797; font-size: 15px; line-height: 25px;background: url(../images/add.png) no-repeat 35% center/25px 25px;}

.typeradio{ float: right; position: relative; width: 65px; margin-left: 20px; height: 20px;}
.typeradio .radio{display: none;}
.typeradio .radio + label{ position:absolute; top:0; left:0; height:20px; background:url(../images/c_checkbox_off.png) no-repeat 0 center/18px 18px;cursor:pointer;}
.typeradio .radio:checked + label{ background:url(../images/c_checkbox_on.png) no-repeat 0 center/18px 18px;}

/*2019-3-15 add css*/
.head{position:relative;z-index:1000;height:44px;color:#fff;background: #2b5292;}
.head h1{font-size: 18px;padding:0 80px;line-height:44px; font-weight: normal; text-align: center;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;}
.head .back{position:absolute; left:10px; top:50%; margin-top:-15px; width:30px; height:30px; background:url(../images/back.png) no-repeat 0 0/30px 30px; cursor: pointer;}
.head.fall{ background:#069c7d;}

.mySlides{
    border-radius: 10px;
    width: 750px;
    margin: auto;
}
.goldseriestext{
    color: rgb(156, 130, 58);
    padding: 10px;
    width: 770px;
    margin: auto;
}
.goldseriescontainer{
    padding: 5px;
    display: flex;
    width: 750px;
    margin: auto;
}
.goldseriescontainerimages{
    width: 520px;
    margin: auto;
}
.goldseriescontainerrow{
    display: flex;
    width: 750px;
    margin: auto;
}
.w3-content {
    max-width: 750px;
}

@media only screen and (max-width: 750px) {
    .goldseriescontainer{
        padding: 5px;
        display: flex;
        width: 100%;
        margin: 0;
    }
    .goldseriescontainerrow{
        display: flex;
        width: 100%;
        margin: 0;
    }
    .goldseriestext{
        padding: 10px;
        width: 100%;
        margin: 0;
    }
    .mySlides{
        border-radius: 10px;
        width: 100%;
        margin: 0;
    }
}</pre></body></html>