@charset "UTF-8";
*{padding:0;margin:0;list-style: none;text-decoration:none;border:none;}
body{font-family:"微软雅黑","Microsoft YaHei";background: #E7EBF7;}
.h1title{display: none;}
.wrap{width: 100%;max-width: 1920px;min-width: 1200px;margin: 0 auto;background: url(https://img.q1cdn.com/ws/images/login/login171123/bg_v2.jpg?v=1) no-repeat center top;}
.main{width: 1110px;height: 2020px;margin: 0 auto;padding-left:45px;padding-right:45px;}
.c1{float: right;width:337px;height: 898px;padding-top:458px;position:relative;}
.logo{position:absolute;top:50px;left:50px;}
.c1 .bg{width:337px;height: 898px;background: url(https://img.q1cdn.com/ws/images/login/login171123/c1.png?v=1) no-repeat;position:relative;}
.c1 .downBtn{width:329px;height: 165px;position: absolute;left:2px;top:10px;}
.c1 .downBtn a{display: block;overflow: hidden;text-indent: -9999px;width:329px;height: 165px;background: url(https://img.q1cdn.com/ws/images/login/login171123/downBtn.gif?v=1) no-repeat;}
.c1 .regBox{width: 270px;height: 260px;position:absolute;top:240px;left:34px;}
.c1 .pis{width: 270px;height: 330px;position: absolute;top:500px;left:34px;}
.c1 .pis h6{height: 40px;padding-bottom:15px;position: relative;}
.c1 .pis h6 div{position:absolute;border-radius:11px;top:38px;left:82px;color:#d7142a;font-size: 16px;height: 22px;line-height: 22px;text-align: left;font-weight:normal;}
.c1 .pis h6 div span{color:#fff;background: #d7142a;padding-left: 5px;padding-right:5px;border-radius:3px;}
.c1 .pis .pisImgs1{width: 270px;height: 215px;position:relative;overflow:hidden;}
.c1 .pis .pisImgs1 ul{width: 400%;height: 215px;position: absolute;top:0;left: 0;}
.c1 .pis .pisImgs1 ul li{width: 270px;height: 215px;float: left;}
.c1 .pis .pisImgs1 .leftBtn{left:0;top:45%;position:absolute;z-index:5;width: 22px;height: 22px;overflow:hidden;text-indent: -9999px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat -573px -177px;cursor:pointer;}
.c1 .pis .pisImgs1 .rightBtn{right:0;top:45%;position:absolute;z-index:5;width: 22px;height: 22px;overflow:hidden;text-indent: -9999px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat -573px -152px;cursor:pointer;}
.c1 .pis .cardBtn{width: 193px;height: 49px;padding-left: 38px;position: absolute;bottom:48px;left:0;}
.c1 .pis .cardBtn a{width: 193px;height: 49px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat -371px -144px;display: block;overflow:hidden;text-indent: -9999px;}
.c1 .pis .cardBtn a:hover{background-position:-371px -193px;}

.c2{position:relative;width: 730px;height: 391px;padding-top:558px;float: left;}
.videoImg{top:237px;left:259px;position:absolute;display: block;overflow: hidden;width:86px;height:62px;text-indent: -9999px;background: url(https://img.q1cdn.com/ws/images/login/login171123/video.png?v=1);}
.c2 .nav{width: 730px;height: 81px;}
.c2 .nav li{float: left;height: 81px;overflow: hidden;text-indent: -9999px;background: url(https://img.q1cdn.com/ws/images/login/login171123/c2Nav.jpg?v=1) no-repeat;}
.c2 .nav li.li1{width: 192px;background-position:0 0;}
.c2 .nav li.li2{width: 178px;background-position:-192px 0;}
.c2 .nav li.li3{width: 180px;background-position:-370px 0;}
.c2 .nav li.li4{width: 180px;background-position:-550px 0;}
.c2 .nav li.focus{background-position-y:-81px;}
.c2 .tsImgs{position:relative;width: 730px;height: 310px;}
.c2 .tsImgs img{z-index: 1;position: absolute;top:0;left: 0;width: 730px;height: 310px;}

.c3{float: left;width: 730px;height: 407px;}
.c3 h6{height:89px;line-height:115px;font-size: 24px;color:#303030;position: relative;text-indent: 35px;}
.c3 h6 span{display: block;width: 26px;height: 27px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat -379px -250px;position:absolute;top:43px;left:0;}
.c3 .bg{width: 730px;height: 314px;background: url(https://img.q1cdn.com/ws/images/login/login171123/c3.png?v=1) no-repeat;position:relative;}
.c3 .txt1{width: 221px;text-align: center;position: absolute;left:8px;top:165px;line-height: 28px;}
.c3 .txt1 p{color:#4d5199;font-size: 18px;}
.c3 .txt1 p.title{font-size: 20px;color:#9d040f;font-weight:bold;}
.c3 .txt2{width: 221px;text-align: center;position: absolute;left:254px;top:155px;line-height: 25px;}
.c3 .txt2 p{color:#4d5199;font-size: 18px;}
.c3 .txt2 p.title{font-size: 20px;color:#9d040f;font-weight:bold;}
.c3 .txt2 p span{color:#ff4800}
.c3 .txt3{width: 221px;text-align: center;position: absolute;left:500px;top:165px;line-height: 28px;}
.c3 .txt3 p{color:#4d5199;font-size: 18px;}
.c3 .txt3 p.title{font-size: 20px;color:#9d040f;font-weight:bold;}

.c4{width: 730px;float:left;height: 495px;}
.c4 h6{height: 47px;line-height: 47px;font-size: 24px;color:#303030;position: relative;text-indent: 35px;}
.c4 h6 span{display: block;width: 27px;height: 23px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat -415px -254px;position:absolute;top:14px;left:0;}
.c4 .bg{width:723px;height:443px;position:relative;}
.c4 .bg .imgs{width:723px;height:443px;display: block;}
.c4 .nav{position:absolute;width: 131px;height:274px;background: url(https://img.q1cdn.com/ws/images/login/login171123/c4Nav.png?v=1) no-repeat;z-index: 15;top:76px;left:30px;}
.c4 .nav ul{padding-top:30px;}
.c4 .nav li{background:url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat -580px -273px;width: 100%;height: 35px;line-height: 35px;color:#d8d8d8;text-indent: 35px;font-size: 18px;cursor:default;}
.c4 .nav li.focus{background-position:-580px -335px;color:#fe001d;}

.c5{width: 335px;float:right;height: 495px;position:relative;}
.c5 h6{height: 47px;line-height: 47px;font-size: 24px;color:#303030;position: absolute;text-indent: 35px;z-index: 15;}
.c5 h6 span{display:block;width: 23px;height: 23px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat -453px -254px;position:absolute;top:14px;left:0;}
.c5 .zyImg{position:absolute;z-index: 1;left:0;bottom:4px;}
.c5 .zyGif{position:absolute;z-index: 3;border:4px solid #c5c5c5;left:25px;bottom:70px;}
.c5 .nav{width: 318px;height:38px;background: #B8B5BE;position:absolute;z-index: 20;bottom:12px;left:8px;color:#fff;}
.c5 .nav li{font-size:18px;width:79px;height:38px;line-height: 38px;text-align: center;float: left;border-right:1px solid #F2F0F7;cursor:default;}
.c5 .nav li.last{width:78px;border-right:none;}
.c5 .nav li.focus{background: #645F70;font-weight:bold;}

.c6{clear: both;width: 100%;padding-top:30px;height:72px;}
.c6 .downBtn{width: 579px;height:72px;float: left;padding-left:50px;}
.c6 .downBtn a{display: block;width: 579px;height:72px;overflow:hidden;text-indent: -9999px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat 0 0;}
.c6 .downBtn a:hover{background-position:0 -72px;}
.c6 .regBtn{width: 371px;height:72px;float: left;padding-left:50px;}
.c6 .regBtn a{display: block;width: 371px;height:72px;overflow:hidden;text-indent: -9999px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat 0 -144px;}
.c6 .regBtn a:hover{background-position:0 -216px;}

.zhezhao{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 10;background: url(https://img.q1cdn.com/ws/images/common/alpha.gif?v=1);overflow: hidden;text-indent: -9999px;}
.footer{width: 100%;min-width:1200px;margin: 0 auto;font-size: 12px;color:#5f638a;height: 340px;background: #0f0b11;}
.footerbox{width: 1100px;margin: 0 auto;padding-left:100px;}
.footer a{color:#5f638a}
.footer .left{float: left;width: 204px;height: 85px;padding-top: 30px;}
.footer .right{float: left;width: 860px;height: 85px;padding-top: 6px;padding-bottom:20px;padding-left: 20px;line-height: 25px;}

/*弹窗*/
.black-bg{width:100%; background:#000; position:absolute; top:0; left:0; z-index:100; display:none;}
.closeBtn{width: 40px;height: 40px;background: url(https://img.q1cdn.com/ws/images/common/closeBtn.png?v=1) no-repeat center center;position:absolute;right: -50px;top:10px;cursor:pointer;overflow: hidden;text-indent: -9999px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg); /* IE 9 */
    -moz-transform: rotate(0deg); /* Firefox */
    -webkit-transform: rotate(0deg); /* Safari 和 Chrome */
    -o-transform: rotate(0deg); /* Opera */
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.closeBtn:hover {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari 和 Chrome */
    -o-transform: rotate(180deg); /* Opera */
}

/*小红包*/
.miniBox{display:none;right:5px;z-index:50;overflow:hidden;text-indent:-9999px;cursor:pointer;top:50%;margin-top:-85px;width:161px;height:182px;background:url(https://img.q1cdn.com/ws/images/login/login170826/minHb.png?v=1) no-repeat;position:fixed;}
/*微信红包*/
.wxHBBox{display:none;width: 720px;height: 511px;position: fixed;left:50%;top:50%;margin-left:-360px;margin-top:-255px;z-index:9999;}
.wxHBBox .close{width: 20px;height:20px;position:absolute;top:11px;right:9px;z-index: 10;display: block;background: url(https://img.q1cdn.com/ws/images/common/alpha.gif?v=1);cursor:pointer;}
.wxHBBox .left{width:358px;height: 511px;background: url(https://img.q1cdn.com/ws/images/login/login170823/hbBg2.png?v=1) no-repeat;position:absolute;z-index: 1;top:0;left:0;}
.wxHBBox .left h6{font-size: 13px;color:#fff;padding-top:12px;text-indent: 15px;font-weight: normal;}
.wxHBBox .left h6 em{font-size: 16px;color:#fff180;font-style:normal;font-weight:bold;}
.wxHBBox .left .list{width: 315px;height:425px;position:absolute;overflow:hidden;left:30px;top:70px;}
.wxHBBox .left .list ul{position:absolute;top:0;left:0;}
.wxHBBox .left .list .t1{width: 100%;height: 85px;position:relative;}
.wxHBBox .left .list .t1 .icon{width: 48px;height: 48px;background: url(https://img.q1cdn.com/ws/images/login/login170823/hbImgs.png?v=1) no-repeat -51px -126px;float: left;}
.wxHBBox .left .list .t1 .bg{width: 199px;height: 71px;background: url(https://img.q1cdn.com/ws/images/login/login170823/hbImgs.png?v=1) no-repeat -109px -126px;position: absolute;left:60px;top:0;}
.wxHBBox .left .list .t1 .p1{position: absolute;font-size: 14px;color:#fff;font-weight: bold;left:48px;top:8px;}
.wxHBBox .left .list .t1 .p1 em{font-style: normal;}
.wxHBBox .left .list .t1 .p2{position: absolute;font-size: 14px;color:#fff;left:48px;top:28px;}
.wxHBBox .left .list .t1 .p2 em{font-style: normal;}
.wxHBBox .left .list .t2{width: 100%;height: 85px;font-size:13px;color:#fff;position:relative;}
.wxHBBox .left .list .t2 .box{height: 26px;padding-left: 65px;padding-bottom:15px;}
.wxHBBox .left .list .t2 .bg{background:url(https://img.q1cdn.com/ws/images/login/login170823/hbImgs.png?v=1) no-repeat -335px -123px #cacaca;width: 195px;border-radius: 3px;height: 26px;line-height: 26px;text-indent: 30px;}
.wxHBBox .left .list .t2 .bg em{color:#e45448;font-style:normal;}

.wxHBBox .right{width:358px;height: 511px;background: url(https://img.q1cdn.com/ws/images/login/login170823/hbBg1.png?v=1) no-repeat;position:absolute;z-index: 1;top:0;right:0;}
.wxHBBox .right h6{position: absolute;top:150px;height:40px;line-height:40px;text-align: center;width: 100%;font-size: 18px;color:#fff;left:0;}
.wxHBBox .right h6 em{font-style:normal;font-size: 29px;padding-left: 3px;padding-right:3px;}
.wxHBBox .right .txt{position: absolute;bottom:20px;font-size: 15px;color:#fff;text-align: center;width: 100%;left:0;}
.wxHBBox .right .txt em{font-style:normal;color:#ffe995;}
.wxHBBox .right .reg{width: 270px;height: 260px;position:absolute;left:50px;top:205px;}


/*礼品提示窗*/
.alertBox{width: 585px;height:242px;margin-top: -121px;margin-left:-292px;position:fixed;z-index:9999;top:50%;left:50%;background: url(https://img.q1cdn.com/ws/images/login/login170122/alertBox.png?v=1) no-repeat;display: none;}
.alertBox .closeBtn{top:40px;}
.alertBox h6{color:#fff;font-size: 26px;text-align: center;padding-top:55px;}
.alertBox p{text-align: center;color:#e14566;font-size:16px;padding-top:50px;}
.alertBox .cardBtn{width: 240px;height: 46px;padding-top:18px;padding-left:175px;}
.alertBox .cardBtn a{width: 240px;height: 46px;background: url(https://img.q1cdn.com/ws/images/login/login170122/mainImgs.png?v=1) no-repeat 0 0;display: block;color:#fff;font-weight: bold;text-align: center;font-size: 24px;line-height: 42px;}
.alertBox .cardBtn a:hover{background: url(https://img.q1cdn.com/ws/images/login/login170122/mainImgs.png?v=1) no-repeat 0 -46px;}

/*礼包弹窗*/
.pisTc{display:none;position:fixed;width: 705px;height:399px;top:50%;left:50%;margin-top: -200px;margin-left:-352px;z-index: 200;background: url(https://img.q1cdn.com/ws/images/login/login171123/pisTc.png?v=1) no-repeat;}
.pisTc h2{text-shadow: 2px 2px 5px #000;font-weight:normal;width: 100%;height:45px;line-height: 45px;position:absolute;top:18px;left:0;color:#c6c4cc;font-size: 24px;text-align: center;}
.pisTc h2 em{font-style:normal;color:#f81829;}
.pisTc .regBox{width: 270px;height: 260px;position:absolute;top:114px;left:55px;}
.pisTc .right{width: 270px;height: 260px;position:absolute;top:95px;right: 45px;}
.pisTc .pisImgs2{width: 270px;height: 214px;position:relative;overflow:hidden;}
.pisTc .pisImgs2 ul{width: 400%;height: 214px;position: absolute;top:0;left: 0;}
.pisTc .pisImgs2 ul li{width: 270px;height: 214px;float: left;}
.pisTc .pisImgs2 .leftBtn{left:0;top:45%;position:absolute;z-index:5;width: 22px;height: 22px;overflow:hidden;text-indent: -9999px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat -573px -177px;cursor:pointer;}
.pisTc .pisImgs2 .rightBtn{right:0;top:45%;position:absolute;z-index:5;width: 22px;height: 22px;overflow:hidden;text-indent: -9999px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat -573px -152px;cursor:pointer;}
.pisTc .right .downBtn{width:193px;height: 49px;padding-left: 40px;}
.pisTc .right .downBtn a{display:block;width:193px;height: 49px;overflow: hidden;text-indent: -9999px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat 0 -386px;}
.pisTc .right .downBtn a:hover{background-position:-193px -386px;}
/*视频弹窗*/
.videoTc{display:none;position:fixed;width: 869px;height:489px;top:50%;left:50%;margin-top: -245px;margin-left:-434px;z-index: 200;background: url(https://img.q1cdn.com/ws/images/login/login171123/videoTc.png?v=1) no-repeat;}
.videoTc h2{text-shadow: 2px 2px 5px #000;font-weight:normal;width: 100%;height:45px;line-height: 45px;position:absolute;top:19px;left:0;color:#c6c4cc;font-size: 24px;text-align: center;}
.videoTc h2 em{font-style:normal;color:#f81829;}
.videoTc .left{width: 530px;height:370px;background: #000;position:absolute;left:40px;top:96px;}
.videoTc .right{width: 260px;height: 340px;position:absolute;left:580px;top:145px;}
.videoTc .right h6{color:#fff;font-size: 18px;font-weight:normal;text-indent: 90px;padding-top:5px;padding-bottom: 15px;display: none;}
.videoTc .right .regBox{width: 260px;height:260px;}
.videoTc .right .downBtn{width:193px;height: 49px;padding-left:40px;padding-top:10px;}
.videoTc .right .downBtn a{width:193px;height: 49px;display: block;overflow:hidden;text-indent: -9999px;background: url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat 0 -386px;}
.videoTc .right .downBtn a:hover{background-position:-193px -386px;}
/*底部弹窗*/
.bottomBg{position:fixed;bottom:-200px;height: 207px;min-width:1200px;overflow: hidden;background:url(https://img.q1cdn.com/ws/images/login/login171123/bottomBg.png?v=1) no-repeat center top;z-index: 30;width: 100%;transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.bottomBg .bottomBox{width:1200px;height: 200px;margin: 0 auto;position:relative;}
.bottomBg .downBtn{position:absolute;width: 193px;height: 49px;left:908px;top:140px;}
.bottomBg .downBtn a{width: 193px;height: 49px;display: block;overflow:hidden;text-indent: -9999px;background:url(https://img.q1cdn.com/ws/images/login/login171123/mainImgs.png?v=1) no-repeat 0 -435px;}
.bottomBg .downBtn a:hover{background-position:-193px -435px;}
.bottomBg .reg{width: 270px;height:194px;position:absolute;top:0;left:450px;}