﻿@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; border: 0; list-style: none; word-wrap: break-word;}
html {}
body { font: 16px/1.75 "微软雅黑"; color: #000; background: url(../images/bg.jpg) top center no-repeat #fff; overflow-x: hidden;}
input, select, button, textarea {font-size: 100%;font-family: inherit; outline: none; color: #3e3e3e;}
table { border-collapse: collapse;}
img { vertical-align: middle;}
a { color: inherit; text-decoration: none; transition: all 0.2s ease-in-out 0s;}

.wrapper { width: 1100px; margin: 0 auto; padding-top: 130px; text-align: center; display: flex; justify-content: space-between;}
.box { width: 480px; height: 745px; box-shadow: 0 50px 50px rgba(0,0,0,.3); background: #fff;}
.box.tuku { position: relative;border-bottom: solid 10px #0196ff; background: url(../images/bg1.jpg) bottom center no-repeat #fff;}
.box.caipiao { border-bottom: solid 10px #e60012; background: url(../images/bg2.jpg) bottom center no-repeat #fff; position: relative;}
.logo { padding: 45px 0 25px 0;}
.logo img { width: 126px; height: 126px;}
.down {}
.down ul {}
.down ul li {  padding-bottom: 20px;}
.down ul li a { width: 240px; height: 60px; line-height: 60px; color: #fff; font-size: 20px; border-radius: 8px; display: inline-block;}
.down ul li.down2 a { width: 115px; margin: 0 5px;}
.box.tuku .down ul li a { background: linear-gradient(to top, #0093ff, #0dbeff);}
.box.caipiao .down ul li a { background: linear-gradient(to top, #e60012, #ff0000);}
.down ul li a img { width: 36px; height: 36px;}
.down ul li a:hover {transform: scale(1.3);}
.ma {}
.ma img { width: 140px; height: 140px;}
.ma span { display: block; padding-top: 5px;}
.footer { padding: 50px 0; text-align: center;}

.web-btn { width: 200px; height: 40px; line-height: 40px; color: #fff; background: #e60012; display: block; border-radius: 40px 40px 0 0; margin: auto; position: absolute; left: 0; right: 0; bottom: 0;}
.web-btn:hover {  height: 70px; line-height: 60px;}

.web-btn1 { width: 200px; height: 40px; line-height: 40px; color: #fff; background: #0093ff; display: block; border-radius: 40px 40px 0 0; margin: auto; position: absolute; left: 0; right: 0; bottom: 0;}
.web-btn1:hover {  height: 70px; line-height: 60px;}


/*客服*/
#float { position: absolute; top: 130px; right: 10px; z-index: 9;}
#float a { cursor: pointer;}
#float2 { position: absolute; top: 130px; left: 10px; z-index: 9;}
#float2 a { cursor: pointer;}

        .shade{
            display: none;
            position: fixed;
            left:0;
            top:0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.5);
            z-index:99;
        }
        .dialog{
            display: none;
            position: fixed;
            left:50%;
            top:50%;
            min-width: 200px;
            min-height: 200px;
            /*background: #fff;*/
            transform: translate3d(-50%,-50%,0);
            -webkit-transform: translate3d(-50%,-50%,0);
            z-index:100;
            overflow: hidden;
        }
        .dialog .inner{
            border-radius:20px;
            overflow: hidden;
        }
        .dialog .close{
            position: absolute;
            right:5px;
            top:5px;
            z-index:10;
            width: 50px;
            height: 50px;
            text-align: center;
            font-size: 0;
            color:red;
            border-radius:50%;
            cursor: pointer;
            user-select: none;
        }
   
h2 {
	font-weight: normal;
	background:black;
    height: 40px;
    line-height: 40px;
    color: yellow;
}

h2 .btcont {
	font-weight: bold;
    width: 124px;
    float: left;
    font-size: 16px;
    font-family: microsoft yahei;
    color: #FFFFFF;
    text-align: center;
    background: red;
    z-index: 500;
}
h2 a {
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
    outline: 0 none;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.kjbox {
	width:59%;
	margin:0px auto 30px auto;
	box-shadow:0px 3px 20px grey;
	
}