*{margin: 0;padding: 0;} li{list-style: none;} a{text-decoration: none !important;} body{position:relative;font-family: 'Noto Sans',Arial,sans-serif;font-size:14px;} .clear{clear: both;width:100%;height: 2px;} header{ width:100%; position: absolute; left: 0px; top: 0px; z-index: 999; } .menu_container{ width:1240px; margin:0 auto; height:40px; } .h_bg{ background: rgba(0,0,0,.5); } .menu_left{ float: left; width: 218px; } .menu_right{ float: right; width: 230px; } .menu_left ul li{ padding:0 4px; float: left; color:#fff; cursor: pointer; height:40px; line-height:40px; } .menu_right ul li{ float: left; color: #fff; } .new_user{ height:40px; line-height:40px; padding:0 17px; } .login{ height:40px; line-height: 40px; background: rgba(100,146,0,0.8); padding: 0 17px 0 37px; } .lang{ height:40px; line-height: 40px; width:50px; background: rgba(0,0,0,0.5); } .nav_header{ width: 100%; height: 47px; background: #000; display: none; position: fixed; top: 0px; z-index: 10000; } .nav_header_content{ width: 1240px; height: 47px; margin: 0 auto; } .nav_header_content img{ width: 47px; height: 47px; float: left; } .nav_menu_right{ float: right; } .nav_menu_right ul li{ float: left; } .nav_header .menu_lower_items ul li{ height: 47px; line-height: 47px; } .menu_lower{ width:1240px; margin:0 auto; height:80px; /*background: rgba(0,0,0,.5);*/ } .menu_lower_logo{ float: left; } .menu_lower_logo img{ float: left; line-height:80px; } .menu_lower_logo div{ float: left; line-height:80px; padding-left: 30px; padding-right: 20px; color: #fff; } .menu_lower_items{ float: right; } .menu_lower_items ul li{ float: left; height:80px; line-height:80px; padding:0 15px; color:#fff; } .menu_lower_items ul li:hover{ background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); /* Firefox 3.6 - 15 */ background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5)); /* 标准的语法 */ } #transact_num{ width:1240px; height:22px; line-height: 22px; margin:0 auto; position: relative; top:128px; } #transact_num .transact_num1{ float: left; } .promo_item{ width:100%; height:600px; position: relative; } .promo_item_select{ float: right; } /*.promo_item_select ul li{ }*/ .promo_item_select ul li{ float: left; padding: 0; border-radius: 50%; width: 20px; height: 20px; margin-left: 10px; /*transition: all .2s cubic-bezier(0.4,0,0.2,1);*/ background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.3); box-sizing: border-box; cursor: pointer; } .promo_item_select ul li:hover{ background-color: #428bca !important; } .lSPager_active{ border: 1px solid #d0d3d5; background: #fff; } .promo_item{ position: absolute; top:0px; z-index: -100; } .promo_item ul li{ position: relative; width:100%; height:600px; overflow: hidden; } .promo_item ul li img{ width:2560px; height:600px; position: absolute; z-index: -99; top:0; right:-330px; } .lSPager_title{ width:1240px; height:300px; margin:0 auto; position: relative; top:200px; padding:50px; } .lSPager_title1{ width: 100%; margin: 0; padding: 0; font-weight: 700; font-size: 48px; color: #feffff; line-height: 1.1; text-transform: uppercase; } .lSPager_title2{ font-size:16px; color:#fff; } .lSPager_title_btn{ padding: 12px 20px; font-size: 18px; text-align: center; color:#fff; background: #539603; border: 1px solid #abf74f; box-shadow: none; transition: all .2s cubic-bezier(0.4,0,0.2,1); width:250px; box-sizing: border-box; margin-top:5px; cursor: pointer; } .triangle-right { width: 0; height: 0; border-top: 8px solid transparent; border-left: 10px solid red; border-bottom: 8px solid transparent; } .content_nav{ width:50%; height:75px; float: left; font-size:24px; line-height: 75px; text-align: center; color:#fff; } .content_con{ width:100%; height:240px; background:url(../img/ANH.png)0 0 no-repeat; box-sizing: border-box; padding:80px 20px 0px; } .content_con p{ width:100%; font-size: 18px; color:#fff; font-weight:400; margin:2px auto; } .promo_content_inner{ width:1240px; height:315px; margin:0 auto; /*background:red;*/ position: relative; top:180px; z-index: 1050; box-shadow: 0px 0px 20px #333; } .promo_content_inner1{ width:50%; height:315px; float:left; } .promo_content_btn{ width:100%; height:75px; position: relative; } .promo_content_triangle{ position: absolute; left:50%; top:30px; z-index: 1060; } .content_nav1{ background:rgb(246, 55, 55); } .content_nav2{ background: #384147; } .promo_content_title{ width:100%; height:75px; background:rgba(0,0,0,.5); } .promo_content_title ul{ margin:0; } .promo_content_title ul li{ height:75px; line-height:75px; margin:0 40px; float: left; color:#fff; } .promo_content_pic{ width:100%; height:240px; background:#fff; overflow: hidden; position: relative; } .promo_content_pic_lists{ width: 3100px; height: 240px; /*transition: all 0.2s;*/ position: absolute; top: 0px; left: 0px; } .promo_content_pic_lists li{ width:620px; height: 240px; float: left; } .promo_content_pic_lists li:nth-child(1){ background: url(../img/TIM图片20171206100627.png)50% 50% no-repeat; } .promo_content_pic_lists li:nth-child(2){ background: url(../img/TIM图片20171206100643.png)50% 50% no-repeat; } .promo_content_pic_lists li:nth-child(3){ background: url(../img/TIM图片20171206100659.png)50% 50% no-repeat; } .promo_content_pic_lists li:nth-child(4){ background: url(../img/TIM图片20171206100610.png)50% 50% no-repeat; } .promo_content_pic_lists li:nth-child(5){ background: url(../img/TIM图片20171206100627.png)50% 50% no-repeat; } .promo_content_pic_btn{ width: 30px; height: 50px; cursor: pointer; } .btn_l{ position: absolute; background: url(../img/tall-arrows-sprite.png)10px 0 no-repeat; left: 0px; top: 90px; } .btn_2{ position: absolute; background: url(../img/tall-arrows-sprite.png)-40px 0 no-repeat; right: 0px; top: 90px; } .promo_content{ width:100%; background: #384147; height:480px; margin-top:-37px; box-sizing: border-box; padding-top:205px; } .promo_content_lists{ width:1240px; height:265px; margin:0 auto; } .promo_content_lists ul li{ height:265px; width:25%; text-align: center; box-sizing: border-box; padding-top:20px; float: left; cursor: pointer; } .promo_content_lists ul li img{ width:148px; height:110px; margin-bottom: 20px; } .promo_content_lists_title{ font-size: 16px; color:#fff; } .promo_content_lists_con{ font-size: 14px; color:#fff; } .promo_content_lists ul li:hover{ background: radial-gradient(#171a1d 0,#384147 90%,#384147 100%); } .triangle-down { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #384147; } .promo_content_triangle_down{ margin:0 auto; } .account_type{ margin:50px auto 100px; text-align: center; width:1240px; font-size:32px; color:#000; } .section_content{ width: 100%; height:1916px; background: #dcdfe1; border-top: 1px solid #fff; } .accounts_base{ width:1280px; margin: 0 auto; margin-top:-50px; } .accounts_item{ width:25%; font-size:16px; box-sizing: border-box; padding:0 5px; float: left; height:526px; margin-bottom:35px; } .accounts_item_content{ background: #fff; color: #000; box-shadow: 0 9px 18px rgba(0,0,0,0.25); height:526px; overflow: hidden; } .account_name1{ width:100%; height:95px; line-height:95px; padding-left: 86px; font-size:18px; background-color:#e8ebec; } .account_interpret{ padding: 25px 15px 10px; line-height: 1.3; border-bottom: 1px solid #e8ebec; font-size: 16px; height: 115px; box-sizing: border-box; } .account_rule_lists{ padding: 10px 15px 2px; font-size: 14px; min-height: 262px; } .account_rule_lists ul li{ height: 16px; line-height: 16px; margin-bottom: 10px; } .rule_name{ color: #637176; float: left; text-align: left; } .rule_value{ float: right; text-align: right; } .account_open{ width:140%; height: 54px; color:#fff; transition: all 0.2s; } .new_account_open{ width: 72%; float: left; font-size: 18px; height:54px; line-height: 54px; text-align: center; color:#fff; } .account_particulars{ width:28%; float: right; text-align: center; background: #2e353a; height:54px; line-height: 54px; cursor: pointer; } .accounts_item_content:hover .account_open{ width: 100%; } .account_name2{ width:100%; height:95px; line-height:95px; padding-left: 86px; font-size:18px; background-color:#2e353a; color:#fff; } .rule_name2{ color:#b4c1c9; } .account_other{ width: 50%; font-size: 16px; display: inline-block; vertical-align: top; box-sizing: border-box; padding-left: 5px; padding-right: 5px; position: relative; font-size: 14px; } .account_item_FBS{ background: #fff; height: 526px; } .account_item_FBS_title{ padding-left: 15px; width:100%; height:64px; line-height:64px; font-size: 18px; } .account_FBS_table{ width:100%; } .account_FBS_table td{ border: 1px solid #e8ecee; padding:20px; } .account_FBS_table td a{ display: inline-block; width: 266px; height: 50px; padding-left: 100px; line-height: 50px; } .account_FBS_table td a span{ color:#000; } .account_other_con{ padding: 25px 15px 10px; } .account_other_btn{ padding:0 15px 25px; } .account_other_btn a{ display: inline-block; padding:10px 15px; border:1px solid #000; color:#000; cursor: pointer; } .account_other_btn a:hover{ background:#d9d9d9; } .account_triangle_down{ margin:0 auto; border-top: 20px solid #fff; } .pay_type{ width:100%; height: 100px; background: #fff; } .pay_type ul{ width:100%; } .pay_type ul li{ width: 33%; padding-top: 30px; float: left; } .pay_type ul li div{ width: 100%; height: 40px; line-height: 40px; text-align: center; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .pay_type ul li div img{ height: 40px; } .local_sys{ width:100%; height: 40px; line-height: 40px; text-align: center; margin:50px auto; font-size: 32px; } .news_content{ width:1280px; padding: 0 20px; margin: 0 auto; } .news_content ul li{ width:33.3333%; height: 336px; float: left; padding: 0 10px; } .news_module{ box-shadow: 0 9px 18px rgba(0,0,0,0.25); background: #fff; height:342px; } .news_module_name{ width:100%; height: 54px; line-height: 54px; color: #fff; font-size: 14px; background: #2e353a; box-sizing: border-box; /*padding: 15px;*/ } .news_name{ height: 54px; line-height: 54px; padding: 0 40px; float: left; font-size: 16px; } .news_particulars{ padding-right: 15px; float: right; } .news_title{ display: inline-block; border-bottom: 1px solid #e8ecee; cursor: pointer; font-size: 14px; color:#111d23; padding: 15px; width: 100%; box-sizing: border-box; height: 93px; border-top: 1px solid #fff; } .news_lists_time{ width: 35px; float: left; margin-top: 10px; } .new_lists_name{ float: left; height:63px; line-height: 63px; padding-left: 5px; } .news_time{ width:30px; background: #cdd2d5; height: 36px; text-align: center; } .news_day{ font-size: 18px; color: #fff; display: block; line-height: 19px; } .news_month{ font-size: 10px; display: block; line-break: 17px; color: #637176; } .news_hms{ display: block; font-size: 10px; } footer{ width:100%; height: 532px; background: #111d23; color: #869ca8; } .FBS_socialization{ width:1240px; margin: 0 auto; height: 141px; box-sizing: border-box; padding: 25px 0; } .FBS_socialization_title{ width:100%; height: 19px; line-height: 19px; margin-bottom: 5px; } .FBS_socialization_title1{ float: left; } .FBS_socialization_title2{ float: right; } .FBS_socialization_lists1{ float: left; width: 240px; } .FBS_socialization_lists1 ul li{ float: left; margin-right: 15px; } .FBS_socialization_lists2{ float: right; width: 141px; } .FBS_socialization_lists2 ul li{ float: left; margin-left: 15px; } .footer_lang{ width: 100%; height: 170px; background: #384147; box-sizing: border-box; padding-top: 20px; } .lang_content{ width: 1240px; margin:0 auto; } .lang_content ul li{ float: left; width: 280px; height: 19px; line-height: 19px; margin-top: 5px; margin-left:35px; margin-right: 0px; } .lang_flag{ width:16px; height: 11px; float: left; margin-top:5px; margin-right: 5px; } .lang_address{ float: left; color: #fff; } .lang_content ul li:nth-child(4n+1){ margin-left: 15px; } .footer_other{ width: 1240px; text-align: center; font-size: 14px; color: #869ca8; margin: 0 auto; padding-top: 25px; } .footer_add{ color:#fff; } .open_chat{ border-radius: 5px 5px 0 0 ; width: 240px; height: 200px; background: #588d36; /*border: 1px solid #ddd;*/ box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1); } .online_chat{ position: fixed; bottom: 0px; right: 10px; z-index: 9999; } .chat_title{ color:#fff; font-family: zopim, "Segoe UI Symbol", "Arial Unicode MS", "Lucida Sans Unicode", sans-serif; font-size: 16px; padding: 2px 5px; margin: 0 auto; text-align: center; margin-bottom: 20px; } .chat_logo{ width: 100px; height: 100px; background: url(../img/qq_zopim.png) 0 0 no-repeat; margin-left: 15px; float: left; } .chat_name{ color: #fff; font-size: 18px; float: left; padding-top: 38px; padding-left: 5px; } .chat_content{ height: 117px; } .chat_submit{ width: 100%; height: 35px; background: #fff; } .chat_submit input{ width: 202px; height: 35px; border: none; outline: none; padding-left: 5px; } .submit{ float: right; font-size: 18px; text-align: center; line-height: 35px; color: #588d36; opacity: 0.8; cursor: pointer; width: 38px; height: 35px; } .narrow_down_f{ position: absolute; width: 14px; height: 24px; /*background: #fff;*/ padding-top: 10px; top: 5px; right: 15px; opacity: 0; transition: all 0.2s; cursor: pointer; } .narrow_down{ width: 14px; height: 2px; background: #fff; } .open_chat:hover .narrow_down_f{ opacity:1; } .close_chat{ border-radius: 4px 4px 0 0; background: #588d36; color: #fff; width: 180px; height: 30px; overflow: hidden; cursor: pointer; display: none; } .close_char_logo{ width: 40px; height:30px; background: url(../img/TIM图片20171205202049.png)10px 5px no-repeat; background-color: #4a802b; float: left; } .ask_question{ float: left; color: #fff; width: 140px; line-height: 30px; text-align: center; }