@charset "utf-8";
.topbackgroundimg{width:100%;height:400px;background:url(../images/topbg.png) no-repeat 100% 100%;padding-top:1px;}
.topbackgroundimg > div{width:1200px;height:100%;margin:0 auto;}
.topbackgroundimg .title{width:100%;background:rgba(0,11,26,.75);color:#fff;text-align: center;margin-top:18%;}
.topbackgroundimg  .title > p{font-size:3rem;font-family: "Microsoft YaHei";padding-top: 2%;line-height:1.5em;}
.topbackgroundimg .title > h2{font-size:3.3rem;line-height:1.5em;font-weight: normal;letter-spacing: .5rem;font-family: "Microsoft YaHei";}
.topbackgroundimg  ul.products{width: 100%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: -webkit-inline-flex;display: inline-flex;}
.products > li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;    cursor: pointer;line-height:0.5em;margin-top:3%;}
.products > li > div{width:100%;height:50px;background:url(../images/products1.png) no-repeat center;margin: 10% 0;  }
.products > li > p{font-size:1.5rem;padding-bottom: 8%;}
.products > li::after{border-right:.15rem solid #fff; content: "";display:inline-block;height:70%;width:.15rem;color:#000;position: relative; right: -50%;top: -9.8rem;}
#nobelmetal > div{background-image:url(../images/products2.png);}
#differentialcontract > div{background-image:url(../images/products3.png);}
#crudeoil > div{background-image:url(../images/products4.png);}
#foreignexchange > div:hover {background-image:url(../images/products1_1.png);}
#nobelmetal > div:hover{background-image:url(../images/products2_1.png);}
#differentialcontract > div:hover{ background-image:url(../images/products3_1.png);}
#differentialcontract > div:hover{background-image:url(../images/products3_1.png)}
#crudeoil > div:hover{ background-image:url(../images/products4_1.png);}

/* 外汇模块 */
#partofforeignexchange .infotext{width: 100%;padding-top:13rem;}
.infotext p{width:1200px;margin:0 auto;font-size:1.3rem;line-height: 2.5rem;text-align: justify;letter-spacing:.15rem;}
.advantagebox{width: 1200px;margin:1% auto;}
.infotext .advantagelist{width:100%;display: -webkit-box; display: -moz-box; display: -webkit-flex;   display: -moz-flex;  display: -ms-flexbox;display: flex;
    flex-wrap:nowrap;font-size: 1.5rem;color: #b84133;margin-top: 1%;}
.infotext .advantagelist > li{-webkit-box-flex:2;-ms-flex: 2;-webkit-flex: 2;flex: 2;    height:3rem;line-height:3rem;}
.infotext .advantagelist > li:last-child{-webkit-box-flex:3;-ms-flex: 3;-webkit-flex: 3;flex: 3;}
.infotext .advantagelist > li::before{content:"";width:30px;display:inline-block;height:25px;line-height:25px;background:url(../images/s.png) no-repeat left center;vertical-align: baseline;}
.tradingdata{width:100%;height:100%;background:url(../images/whbg.png) no-repeat center;color:#fff;}
.tradingtable{width:1200px;margin:0 auto;text-align: center;   }
.tradingtable .title p{font-size:2rem;line-height:1.5em;padding:2%;}
.tradinglist > table {width:100%;border-collapse:collapse;table-layout: fixed;}
.tradinglist > table td,
.tradinglist > table th{font-size: 1.2rem;height:40px;line-height: 40px;border:1px solid rgba(234,234,234,.2);}

/* 延展按钮 */
#showmorebtn{width:16%;font-size:1.3rem;line-height:1.8em;background:#b84133;border:1px solid transparent;border-radius: 5px;text-align: center;
    letter-spacing:3px;box-shadow: -5px 5px  5px #000b1a;margin:1% 0;cursor: pointer;animation: btnscale 1s linear infinite;}
@keyframes btnscale{
    0%   { transform: scale(1,1);  -webkit-transform: scale3d(1,1); }
    50%  {transform: scale(1.05,1.05); -webkit-transform: scale3d(1.05,1.05); }
    100% {transform: scale(1, 1); -webkit-transform: scale3d(1,1); }
}
@-webkit-keyframes btnscale {
    0%   {transform: scale(1,1); -webkit-transform: scale3d(1,1); }
    50%  {transform: scale(1.05,1.05); -webkit-transform: scale3d(1.05,1.05); }
    100% { transform: scale(1, 1);  -webkit-transform: scale3d(1,1); }
} 
#partofforeignexchange{width:100%;/* display: none; */} 
#thumbnaillist{height:370px;overflow-y:scroll;overflow-x:hidden; display: none;}

/* 贵金属 */
#partofnobelmetal{width:100%;padding-top: 8%;display: none;}
#partofnobelmental .infotext { width: 100%; background: #DFDFDF;}

/* 差价合约 */
#partofdifferentialcontract {width:100%;padding-top:8%;display: none;}
#partofdifferentialcontract .useforstyle{visibility: hidden;}

/* 原油 */
#partofcrudeoil{width:100%;padding-top:8%;display: none;    }

/* 底部提示 */
.somethingfortips {width:100%;font-size:1rem;}
.tips_content{width:1200px;margin:2% auto;}
.tips_content .tips_two{text-align: justify;}

/* 注册按钮 */
.registercount{width:1200px;display: -webkit-box; display: -moz-box; display: -webkit-flex;   display: -moz-flex;  
    display: -ms-flexbox;display: flex; margin:0 auto;padding-bottom :2%;margin-top:1%;position: relative;}
.registercount > .registercount_content{width:60%;}
.registercount_content > .registerbtn{width:65%;background-color:#2e2e2e;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;       
    letter-spacing: 3px;padding:2% 0 2% 3%;box-shadow:-3px 3px 10px #000b1a;border-radius: 5px;justify-content: center;}
.registercount_content > .simulatecount{background-color:#c12616;margin-left:20%;}
.registercount_content > .relaccount{margin-left:13%;}
.registerbtn > p {font-size:2rem; padding-bottom: 2%;white-space: nowrap;}
.registerbtn > span {font-size:1rem;margin-right:15%;}
.registerbtn > a {width:13%;line-height:3rem;text-align:center; letter-spacing: 2px;border-radius: 5px;box-shadow: -4px 2px 5px #000b1a;
   display: inline-block;font-size:1.4rem;/* font-weight: bold; */position: absolute;top:30px;background-color:#c12616;transition:transform 1s ; -webkit-transition:transform 1s ;}
.registerbtn > a:hover{transform: scale(1.1, 1.1); -webkit-transform: scale3d(1.1,1.1); }
.simulatecount > a{background-color:#2e2e2e;}
@media screen and (max-width:1439px){
    #partofdifferentialcontract .infotext,
    #partofnobelmetal .infotext,
    #partofcrudeoil .infotext{padding-top:4rem;}            
}