@charset "utf-8";
/* CSS Document */

.mct{ width:100%; border-collapse:collapse; border:1px solid #eee; margin-top:10px;}
.mct .gray_bg{ background:#FAFAFA;}
.mct .gray_bg td{ text-indent:18px; text-align:left;}
.mct .gray_bg td a{ color:#4C8DEE;}
.mct_basic td{ width:50%; height:38px; text-align:left; border:1px solid #eee;}
.mct_basic td em{ display:inline-block; width:150px; padding-left:25px; font-style:normal;}
.mct_basic td span.red{ color:#f00;}
.mct_basic td a{ color:#4C8DEE;}
.mct_basic td a:hover{ text-decoration:none;}

.mct_paytype{ margin-top:20px;}
.mct_paytype tr{ height:38px;}
.mct_paytype tr.title{ background:#eee;}
.mct_paytype th{ font-weight:normal; border-bottom:1px solid #dfdfdf;}
.mct_paytype .gray_bg td{ border-bottom:1px solid #dfdfdf;}
.mct_paytype td{ text-align:center; border:1px solid #eee;}
.mct_paytype td.left{ padding-left:10px; text-align:left;}
.mct_paytype td a.edit{ color:#007FFF;}
.mct_paytype td a.delete{ color:#f00; margin-left:15px;}
.btn_shenhe{ display:block; width:80px; height:36px; line-height:36px; text-align:center; color:#fff; background:#4C8DEE; margin:50px auto 0;}
.btn_shenhe:active{ background:#2675EA; text-decoration:none;}

/* 数据汇总 */
.data_stati{ margin:18px 25px 15px 5px; position:relative;}
.data_stati .databox{ background:#fff; border:1px solid #eee; margin-bottom:16px; position:relative;}
.data_stati .dtitle{ height:50px; padding:0 20px; border-bottom:1px solid #eee; position:relative;}
.data_stati .dtitle.noborder{ border-bottom:none;}
.data_stati .dtitle span{ display:inline-block; height:47px; line-height:47px; width:100px; margin-left:4px; color:#666;}
.data_stati .dtitle span.on{ color:#4C8CED; border-bottom:3px solid #4C8CED;}
.data_stati .dtitle .tab span{ cursor:pointer; text-align:center;}
.data_stati .dtitle .bl{ display:inline-block; height:20px; line-height:20px; padding-left:8px; border-left:2px solid #666; font-size:16px; font-weight:bold; color:#666; margin-top:14px;}
.data_stati .dtitle .datefilter{ float:right; margin-top:10px;}
.data_stati .dtitle .datefilter strong{ display:inline-block; border:1px solid #DFDFDF; cursor:pointer;}
.data_stati .dtitle .datefilter strong:hover i{ background-image:url(../images/icon_time_hover.png);}
.data_stati .dtitle .datefilter input{ width:110px; height:28px; line-height:28px; *height:26px; *line-height:26px; padding-left:10px; border:none; outline:none; vertical-align:middle;}
.data_stati .dtitle .datefilter i{ display:inline-block; width:29px; height:28px; background:url(../images/icon_time_on.png) no-repeat; vertical-align:middle;}
.data_stati .dtitle .datefilter em{ font-style:normal; color:#666; margin:0 8px;}
.data_stati .dtitle .datefilter b{ display:inline-block; margin:5px 0 0 20px; font-weight:normal; color:#666; cursor:pointer;}
.data_stati .dtitle .datefilter b.on{ color:#4C8CED;}
.data_stati .dtitle ul{ position:absolute; right:10px; top:15px;}
.data_stati .dtitle ul li{ float:left; margin-left:20px; cursor:pointer;}
.data_stati .dtitle ul li b{ display:inline-block; width:10px; height:10px; background:#eee; margin-right:5px; vertical-align:middle;}
.data_stati .dtitle ul li.cur b{ background:#4C8DEE;}
.data_stati .dtitle ul li em{ font-style:normal; color:#666; vertical-align:middle;}
.data_collect table{ width:100%; height:60px; margin:10px auto; border-collapse:collapse;}
.data_collect table td.last{ border-right:none;}
.data_collect table td .ico{ display:inline-block; width:36px; height:36px; background:url(../images/sprite.png) no-repeat; float:left; margin:0 4px 0 8px; vertical-align:middle;}
.data_collect .table2 td .ico{ background:url(../images/sprite2.png) no-repeat;}
.data_collect table td .ico1{ background-position:0 0;}
.data_collect table td .ico2{ background-position:0 -38px;}
.data_collect table td .ico3{ background-position:0 -76px;}
.data_collect table td .ico4{ background-position:0 -114px;}
.data_collect table td .ico5{ background-position:0 -152px;}
.data_collect table td .ico6{ background-position:0 -190px;}
.data_collect .table2 td .ico7{ background-position:0 0;}
.data_collect .table2 td .ico8{ background-position:0 -38px;}
.data_collect .table2 td .ico9{ background-position:0 -76px;}
.data_collect .table2 td .ico10{ background-position:0 -114px;}
.data_collect .table2 td .ico11{ background-position:0 -152px;}
.data_collect .table2 td .ico12{ background-position:0 -190px;}
.data_collect .table2 td .ico13{ background-position:0 -228px;}
.data_collect table td .data{ display:inline-block; float:left; font-size:12px; vertical-align:middle;}
.data_collect table td .data p{ font-weight:bold; color:#969696; margin-bottom:2px;}
.data_collect table td .data strong{ font-size:14px; color:#666;}

.data_stati .databox .slide_tips{ width:25px; height:100%; background:#67AD03; position:absolute; top:0; right:-25px;}
.data_stati .databox .slide_tips .spread{ margin-top:5px; text-align:center; cursor:pointer;}

.daiban{ width:80%; height:15px; margin:-5px 0 15px 0;}
.daiban th{ text-align:right; font-weight:normal; color:#666;}
.daiban td{ text-align:left; padding-bottom:5px;}
.daiban td b{ font-size:20px; color:#4C8CED; margin:0 4px;}

/* 商户信息，支付类型 */
.customer_info{ margin-bottom:16px;}
.customer_info .cbox{ width:49.2%; height:160px; border:1px solid #eee; background:#fff; position:relative;}
.customer_info .cbox h2{ font-size:14px; font-weight:normal; margin:18px 18px 0;}
.customer_info .cbox h2 a{ float:right; margin-right:5px; display:block; padding-left:20px; background:url(../images/edit.png) left center no-repeat; color:#4C8DEE; cursor:pointer;}
.customer_info .cbox table{ width:100%; margin-top:10px;}
.customer_info .cbox table tr{ height:30px;}
.customer_info .cbox table th{ width:18%; text-align:right; font-weight:normal; color:#666; vertical-align:top;}
.customer_info .cbox table th em{ font-style:normal; letter-spacing:7px;}
.customer_info .cbox table td{ width:32%; text-align:left; vertical-align:top;}
.customer_info .cbox p{ margin:10px 0 0 50px;}
.customer_info .cbox p b{ font-size:20px; color:#4C8CED; margin:0 4px;}
.customer_info .cbox .download{ position:absolute; right:25px; bottom:20px; background:url(../images/tanhao.png) left center no-repeat; padding-left:22px;}
.customer_info .cbox .download a{ text-decoration:underline; color:#4C8DEE;}
.customer_info .cbox2{ width:100%;}
.customer_info .cbox2 table{ width:70%;}

/* 商品交易排名 */
.table_wrap2{ padding:0 10px;}
.data_rank table{ width:100%; border-collapse:collapse; margin-bottom:10px;}
.data_rank table tr{ height:44px;}
.data_rank table td,.data_rank table th{ width:16.6666%; color:#666; text-align:center; border:1px solid #eee;}
.data_rank table .blue{ color:#4C8CED;}
.data_rank table th{ background:#FAFAFA;}

/* 新增商户，支付类型占比 */
.data_chart{ width:100%; border-collapse:collapse; border:1px solid #eee; background:#fff; margin-bottom:16px;}
.data_chart .blank{ height:10px;}
.data_chart td{ width:50%;}
.data_chart td .dtitle{ margin:0 10px;}
.data_chart .main td{ border-right:1px solid #eee;} 
.data_chart .main td.last{ border-right:none;}
.data_chart td .chart_wrap{ padding:20px 10px; text-align:center; position:relative;}
.data_chart td .chart_wrap .cat{ position:absolute; right:10px; bottom:20px; text-align:left;}
.data_chart td .chart_wrap .cat li b{ display:inline-block; width:10px; height:10px; margin-right:10px; vertical-align:middle;}
.data_chart td .chart_wrap .cat li.cat1 b{ background:#FFD02B;}
.data_chart td .chart_wrap .cat li.cat2 b{ background:#3C91D7;}
.data_chart td .chart_wrap .cat li.cat3 b{ background:#75C146;}
.data_chart td .chart_wrap .cat li strong{ color:#666; vertical-align:middle;}

.chart_wrap{ position:relative;}
.chart_wrap .sh_total{ position:absolute; top:10px; right:20px; font-size:18px; color:#999;}
.chart_wrap .sh_total span{ color:#000; margin-left:2px;}

/* 数据统计 */
.data_tongji{ min-height:425px;}
.data_tongji .chart_wrap{ padding:20px 0;}

.data_stati_main{ margin-right:285px;}
.data_stati_right{ position:absolute; right:0; top:0; width:270px; height:400px;}

/* 商品信息 */
.goods_info table{ width:100%; margin:12px 0 5px 0;}
.goods_info tr{ height:30px; vertical-align:top;}
.goods_info th{ width:70px; font-weight:normal; color:#666; text-align:left;}
.pay_type table{ margin:12px 0 9px 0;}
.goods_info .table_wrap{ border:1px solid #eee; margin:9px 0;}
.goods_info .table_wrap .ttitle{ height:36px; line-height:36px; padding-left:5px; background:#FAFAFA; color:#666; font-weight:bold;}
.goods_info .table_wrap .table3{ margin:8px 0 3px 0;}
.goods_info .table_wrap table tr{ height:24px;}
.goods_info .table_wrap table tr.font12{ font-size:12px;}
.goods_info .table_wrap table th{ width:90px; padding-left:5px; white-space:nowrap;}
.goods_info .table_wrap table td{ padding-right:5px;}
.goods_info .table_wrap table .td1{ padding-left:5px;}

/* 新闻动态 */
.news_info .dtitle a{ float:right; margin:15px 10px 0 0;}
.news_info ul{ margin:10px 0;}
.news_info li{ height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_info li a:hover{ color:#4C8CED;}

/* 微信 */
.weixin .erweima{ float:left; margin:17px 0 17px 10px;}
.weixin .hotline{ float:left; margin:40px 0 0 10px; text-align:center;}
.weixin .hotline .blue{ margin-top:10px; font-size:18px; font-weight:bold; color:#4C8CEC;}

/* 登录页头部 */
.white_bg{ background:#fff;}
.header2{ height:80px;}
.header2 .logo{ float:left; margin-top:24px;}
.header2 .tel{ float:right; margin-top:24px;}
.header2 .tel b{ display:inline-block; width:32px; height:32px; background:url(../images/tel.png) no-repeat; margin-right:10px; vertical-align:middle;}
.header2 .tel strong{ vertical-align:middle;}
.header2 .tel strong span{ color:#39A9FF;}

.banner{ height:600px; background:url(../images/banner.jpg) center top no-repeat;}
.login{ width:340px; height:280px; background:#F9FAFB; border:1px solid #C2D9DE; float:right; margin-top:70px;}
.login .item_tab{ height:56px; line-height:56px; margin:0 50px;}
.login .item_tab li{ font-size:16px; cursor:pointer;}
.login .item_tab li.on{ font-weight:bold; color:#4C8DEE;}
.login form{ margin:0 20px;}
.login form .user{ margin-bottom:20px;}
.login form div input{ width:258px; height:36px; line-height:36px; *height:34px; *line-height:34px; padding-left:40px; border:1px solid #ddd; font-size:14px;}
.login form .user input{ background:#fff url(../images/ico_user.png) 14px center no-repeat;}
.login form .pswd input{ background:#fff url(../images/ico_password.png) 14px center no-repeat;}
.login form .pass_remb{ margin:10px 0 15px 0;}
.login form .pass_remb a{ float:right;}
.login form .pass_remb a:hover{ text-decoration:underline;}
.login form .pass_remb input{ margin-right:5px; vertical-align:middle;}
.login form .pass_remb label{ vertical-align:middle;}
.login form .send{ width:100%; height:42px; background:#4C8DEE; border:1px solid #2776EB; color:#fff; font-family:Microsoft YaHei; font-size:16px;}
.login form .send:hover{ background:#3C82EC;}
.login form .agent{ margin-top:10px; text-align:right;}
.login form .agent a{ color:#007FFF;}
.login form .agent a:hover{ text-decoration:underline;}

/* function */
.function{ height:250px; background:#FAFAFA;}
.function .func{ margin-top:60px;}
.function .func2{ margin-left:20px;}
.function .func .img{ width:130px; height:130px; float:left; margin-right:18px;}
.function .func1 .img{ background:url(../images/ico_function1.png) no-repeat;}
.function .func2 .img{ background:url(../images/ico_function2.png) no-repeat;}
.function .func3 .img{ background:url(../images/ico_function3.png) no-repeat;}
.function .txt{ float:left; margin-top:22px;}
.function .txt h1{ font-size:14px;}
.function .txt ul{ margin-top:5px;}
.function .txt ul li{ height:22px; line-height:22px; padding-left:18px; background:url(../images/ico_list.gif) left center no-repeat;}

/* service */
.service{ padding:30px 0;}
.service .serv1,.service .serv3{ margin-left:20px;}
.service .serv2,.service .serv4{ margin-right:20px;}
.service .serv3,.service .serv4{ margin-top:40px;}
.service .serv .img{ float:left; width:48px; height:48px;}
.service .serv1 .img{ background:url(../images/ico_service1.png) center center no-repeat;}
.service .serv2 .img{ background:url(../images/ico_service2.png) center center no-repeat;}
.service .serv3 .img{ background:url(../images/ico_service3.png) center center no-repeat;}
.service .serv4 .img{ background:url(../images/ico_service4.png) center center no-repeat;}
.service .serv .txt{ float:left; width:350px; margin-left:20px;}
.service .serv .txt h4{ font-size:14px; margin-bottom:5px;}

/* 登录页尾部 */
.footer2{ height:110px; background:#333945; color:#fff; text-align:center;}
.footer2 h4{ font-size:14px; padding-top:15px;}
.footer2 .addr{ margin-top:5px;}
.footer2 .site{ margin-top:15px;}
.footer2 .site span b{ color:#39A9FF;}
.footer2 .site a{ color:#fff;}
.footer2 .site a.official{ margin:0 30px;}
.copyright{ height:40px; line-height:40px; background:#FAFAFA; text-align:center;}

.fixed_img{ width:120px; position:fixed; left:50%; margin-left:520px; bottom:200px; text-align:center;}
.fixed_img .return_top{ display:block; height:30px; background:#333945 url(../images/top.png) center center no-repeat;}
.fixed_img .return_top:hover{ background-color:#272C34;}

/* 平台入口 */
.entrance{ width:1120px; margin:48px auto;}
.entrance .wrap1{ margin-top:40px; background:url(../images/line1.png) left 190px no-repeat;}
.entrance .wrap1 .wrap2{ background:url(../images/line2.png) 373px top no-repeat;}
.entrance .wrap1 .wrap2 ul{ height:380px; background:url(../images/line2.png) 746px top no-repeat;}
.entrance ul li{ float:left; width:373px; height:190px;}
.entrance ul li a{ display:block; height:190px;}
.entrance ul li a:hover{ background:#eee; text-decoration:none;}
.entrance ul li .ico{ float:left; width:68px; height:68px; margin:56px 30px 0 40px; background:url(../images/sprite3.png) no-repeat;}
.entrance2 ul li .ico{ background:url(../images/sprite4.png) no-repeat;}
.entrance ul li .ico01{ background-position:0 0;}
.entrance ul li .ico02{ background-position:-72px 0;}
.entrance ul li .ico03{ background-position:0 -72px;}
.entrance ul li .ico04{ background-position:-72px -72px;}
.entrance ul li .ico05{ background-position:0 -144px;}
.entrance ul li .txt{ float:left; width:200px; margin-top:50px;}
.entrance ul li .txt h2{ font-size:32px; font-weight:normal; margin-bottom:12px;}
.entrance ul li .txt p{ line-height:1.5; color:#666;}
.entrance ul li .txt p em{ font-style:normal; color:#4C8DEE; text-decoration:underline;}
.entrance ul li.last a p{ text-align:center; line-height:190px; font-size:24px; color:#BFBFBF;}

/* 邮件 */
.bg_white{ background:#fff;}
.mail{ width:786px; margin:0 auto;}
.mail_header{ height:70px; background:#FAFAFA;}
.mail_header .mh_left{ float:left; margin:16px 0 0 20px; text-align:center;}
.mail_header .mh_left h1{ font-size:0;}
.mail_header .mh_left p{ font-size:12px; color:#555; margin-top:4px;}
.mail_header .mh_right{ float:right; margin:16px 18px 0 0;}
.mail_header .mh_right p{ margin-bottom:3px; text-align:right;}
.congratulate{ margin:50px auto; text-align:center;}
.congratulate .ico{ display:inline-block; width:68px; height:68px; background:url(../images/success2.png) no-repeat;}
.congratulate p{ font-weight:bold; color:#3B91D7; margin-top:8px; line-height:25px;}
.mail_con{ padding:30px;}
.mail_con h2{ font-size:14px; margin-bottom:10px;}
.mail_con p{ height:24px; line-height:24px;}
.mail_con p a{ color:#3B91D7; text-decoration:underline;}
.warm_tips{ margin:0 10px; padding:10px 20px; background:#F5F5F5; color:#333; border:1px solid #eee; line-height:24px;}
.company{ padding:0 25px; margin-top:45px;}
.company p{ text-align:right; line-height:24px;}