.header{width:100%;height:96px;position:fixed;top:0;left:0;background-color:white;z-index:1000;}
.header .logo{position:absolute;left:36px;top:15px;}
.login{margin-top:94px;height:500px;background:url(../img/login.jpg) no-repeat center center;position:relative;}
/*.login a{font-size:18px;color:#333;position:absolute;left:60px;top:340px;background:url(../img/arrow.png) no-repeat 0 center;padding-left:30px;}*/
.login a span{text-decoration:underline;}
.box{width:320px;height:268px;padding:30px;background-color:rgba(255,255,255,0.8);position: absolute;right:80px;top:100px;}
.box .twoBox li{display:none;}
.box h2{font-size:18px;line-height:50px;color:#666;text-align:center;margin-bottom:20px;}
.box h2 span{width:50%;float:left;border-bottom:1px solid #e6e8e7;cursor:pointer;}
.box h2 span.on{height:51px;border-bottom:0;color:#ff7f00;background:url(../img/lineA.png) no-repeat center bottom;}

.sgp_cover{width: 640px;overflow: hidden;padding-top: 95px;padding-left: 60px;}
.sgp_cover h2{font-size: 28px;color: #FFF;line-height: 1.4;}
.sgp_cover h2.one_es{font-weight: 700;}
.sgp_cover h2.haha{font-size: 20px;}
.sgp_cover h2.nne{margin-top: 15px;}
.sgp_cover h2 span{color: #ff7f00;font-weight: 700;}
.sgp_cover .quanyi{margin-top: 25px;color: #333;float: left;}
.sgp_cover .quanyi h3{font-size: 26px;margin-bottom: 15px;}
.sgp_cover .quanyi p{font-size: 20px;line-height: 1.5;}
.sgp_cover .quanyi span{color: #ff7f00;font-size: 20px;}
.sgp_cover .quanyi p a{color:#4395ff;margin-left:5px; }
.sgp_cover .libao{float: left;margin-top: 30px;margin-right: 7px;width: 25px;}

.box .item{width:190px;margin-bottom:20px;border-bottom:1px solid #e6e8e7;position:relative;}
.box .item input{padding-left:40px;width:150px;border:0;height:40px;line-height:40px;background-color:initial;font-size:12px;color:#666;}
.box .item .iconfont{position:absolute;top:8px;left:0;font-size:26px;color:#999;}
.box .item button{width:100px;height:36px;border:1px solid #ff7f00;background-color:initial;color:#ff7f00;position:absolute;left:220px;bottom:0;}
.box .btnBox{text-align:center;margin-top:30px;}
.box .btnBox button{width:140px;height:40px;border:0;border-radius:3px;background-color:#ff7f00;color:white;font-size:16px;}
.box h3{font-size:14px;color:#666;margin-top:20px;}
.box h3 .iconfont{font-size:20px;color:#4fcd00;}

h1{padding-top:55px;margin-bottom:45px;}
.card{position:relative;}
.card .line{width:100%;border-bottom:1px solid #ffb400;position:absolute;top:200px;left:0;}
.card .showCard{width:540px;height:312px;float:left;/*margin-left:36px;*/}
.card .showCard li{display:none;position:relative;}
.card .showCard .logo{width:85px;height:31px;background:url(../img/card/logo.png) no-repeat;    background-size: 100%; position:absolute;right:80px;top:20px;z-index:3;}
.card .intro{padding-left:550px;/*height:312px;*/}
.card .intro .cardList{height:70px;}
.card .intro .cardList li{width:24%;float:left;text-align:center;cursor:pointer;}
.card .intro .cardList li p{font-size:24px;color:#666;transition:all .5s;}
.card .intro .cardList li div{position:relative;width:34px;height:34px;margin:0 auto;border-radius:50%;margin-top:12px;box-sizing:border-box;transition:all .5s;}
.card .intro .cardList li span{position:absolute;width:12px;height:12px;background-color:#999;left:50%;margin-left:-6px;top:11px;border-radius:50%;transition:all .5s;}
.card .intro .cardList li.on p{color:#ffb400;}
.card .intro .cardList li.on div{border:1px solid #ffb400;background-color:white;}
.card .intro .cardList li.on span{background-color:#ffb400;width:18px;height:18px;margin-left:-9px;top:7px;}
.card .intro .discount li{display:none;}
.card .intro .discount li h2{font-size:22px;color:#333;margin-top:15px;line-height:1.5;}
.card .intro .discount li h3{font-size:20px;margin:20px 0;color:#333;}
.card .intro .discount li h3 .iconfont{font-size:22px;margin-right:10px;color:#ffb400;}
.card .intro .discount li h4{font-size:16px;color:#666;margin-bottom:10px;line-height:1.2;}
.card .intro .discount li h4 i{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#999;margin-right:10px;position:relative;top:-2px;}
.card .hint{line-height:1.8;/*padding-left:36px;*/margin:40px 0;}
.card .hint h2{font-size:18px;color:#666;}
.card .hint p{color:#999;}

.activity{height:653px;background:url(../img/activity-bg.jpg) no-repeat center center;}
.activity li{width:33.333%;float:left;height:400px;background-color:rgba(255,255,255,0.6);position:relative;text-align:center;transition:all .5s;cursor:pointer;}
.activity li.jf{background:rgba(255,255,255,0.6) url(../img/jf-b.png) no-repeat 110% 110%;}
.activity li.xg{background:rgba(255,255,255,0.6) url(../img/xg-b.png) no-repeat 110% 110%;}
.activity li.jb{background:rgba(255,255,255,0.6) url(../img/jb-b.png) no-repeat 110% 110%;}
.activity li i{position:absolute;width:78px;height:78px;left:50%;margin-left:-39px;top:0;}
.activity li.jf i{background:#ff7f00 url(../img/jf.png) no-repeat center center;}
.activity li.xg i{background:#ff7f00 url(../img/xg.png) no-repeat center center;}
.activity li.jb i{background:#ff7f00 url(../img/jb.png) no-repeat center center;}
.activity li h2{font-size:30px;color:#333;margin-top:100px;line-height:1.3;}
.activity li h3{font-size:22px;color:#333;margin-bottom:25px;line-height:1.3;}
.activity li h4{font-size:14px;color:#999;text-align:left;margin:20px 28px 0;line-height:1.5;}
.activity li h4 span{color:#333;}
.activity li p{font-size:16px;color:#333;margin:0 28px;line-height:1.5;}
.activity li.on{height:415px;background-color:white;}

.question{margin-bottom:50px;}
.question ul{margin-bottom:50px;}
.question li{background-color:#f8fafc;margin-bottom:15px;box-shadow:0 1px 3px rgba(0,0,0,0.2);padding:15px 20px;}
.question li h2{font-size:24px;color:#333;cursor:pointer;}
.question li h2 .iconfont{float:right;font-size:22px;}
.question li p{font-size:18px;color:#999;line-height:1.5;display:none;margin-top:20px;}
.question h5{font-size:16px;color:#999;text-align:center;margin-bottom:50px;cursor:pointer;}
.question h5 .iconfont{font-size:16px;color:#999;margin-right:5px;}

.bottom ul{margin:40px 0;display:none;}
.bottom ul li{width:20%;height:48px;float:left;position:relative;}
.bottom ul li i{width:48px;height:48px;color:white;font-size:30px;text-align:center;line-height:48px;position:absolute;left:0;top:0;background-color:#ffa54c;border-radius:50%;}
.bottom ul li h2{margin:6px 0 8px 55px;font-size:20px;color:#333;}
.bottom ul li p{margin-left:55px;font-size:12px;color:#999;}

.footer{height:40px;background:rgba(0,0,0,0.4);line-height:40px;text-align:center;color:white;font-size:14px;}
.footer a{color:white;}

.mask{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:fixed;top:0;left:0;z-index:1001;display:none;}
.bandBox{width:900px;height:360px;padding:40px;position:fixed;top:50%;left:50%;margin-top:-220px;margin-left:-490px;background-color:white;border-radius:20px;z-index:1002;display:none;}
.bandBox h2{padding:20px 10px;font-size:26px;border-bottom:1px solid #ff7f00;}
.bandBox h2 .iconfont{color:#ff7f00;font-size:32px;position:relative;top:2px;margin-right:5px;}
.bandBox .item{width:240px;margin-bottom:20px;border-bottom:1px solid #e6e8e7;position:relative;margin:30px auto;}
.bandBox .item input{width:160px;border:0;height:40px;line-height:40px;background-color:initial;font-size:16px;color:#666;}
.bandBox .item span{position:absolute;top:8px;left:-100px;font-size:20px;color:#333;line-height:26px;}
.bandBox .item button{width:100px;height:36px;border:1px solid #ff7f00;background-color:initial;color:#ff7f00;position:absolute;left:260px;bottom:0;}
.bandBox .btnBox{text-align:center;margin-top:30px;}
.bandBox .btnBox button{width:260px;height:40px;border:0;border-radius:3px;background-color:#ff7f00;color:white;font-size:16px;}