*{margin: 0;border:0;padding: 0;}
body{width: 100%;height: 100%;font-family: Microsoft Yahei;}

.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{*zoom:1;}
ul,li{list-style: none;}
.no-border{border:none !important;}

.container{width: 100%;background: url(../img/bg_1.jpg) center top no-repeat #2e303d;text-align: left;}
.top{width: 960px;height: 330px;margin: auto;position: relative;}
.top .qrcode{position: absolute;right: 0;bottom: 20px;width: 273px;height: 154px;background: url(../img/qrcode.png);}
.con{width: 960px;margin: auto;}
.con .con-left{width: 620px;background: #22252e;float: left;padding: 15px 10px 110px 10px;}
.con .con-left .con-left-title{color: #fff;font-size: 12px;padding: 10px 0;}
.con .con-left .con-left-title .num{color: #f9d409;padding: 0 10px;font-size: 20px;font-weight: bold;}
.con .con-left .con-left-flash{width: 620px;height: 520px;background: #292b37;color: #fff;}
.con .con-left .tips-title{width: 90px;height: 40px;margin: 30px 0 20px 0;background: url(../img/tips_title.png);color: #fff;line-height: 40px;font-size: 16px;padding-left: 10px;}
.con .con-left .tips-con p{color: #fff;font-size: 12px;line-height: 22px;}


.con .con-right{width: 305px;float: right;}
.con .con-right .right-title{height: 40px;line-height: 40px;background: #f3bf2d;color: #fff;font-size: 16px;font-weight: bold;}

.con .con-right .user-message{width: 305px;margin-bottom: 30px;}
.con .con-right .user-message .message-logo{width: 40px;height: 40px;float: left; background: url(../img/message.jpg) left center no-repeat;}
.con .con-right .user-message .user-message-box{width: 305px;height: 120px;background: #292b37;text-align: center;}
.con .con-right .user-message .user-message-box .message{padding: 20px 0;color: #fff;}
.con .con-right .user-message .user-message-box .loginBtn{width: 120px;height: 30px;margin: auto;line-height: 30px;font-weight: bold;font-size: 16px;background: #3bbe6e;}
.con .con-right .user-message .user-message-box .loginBtn a{display: block;text-decoration: none;color: #fff;}
.con .con-right .user-message .mylist{width: 305px;background: #292b37;}
.con .con-right .user-message .mylist p{padding-top: 30px;padding-bottom: 30px; color: #fff;font-size: 18px;text-align: center;}
.con .con-right .user-message .mylist li{padding: 10px 7px;width: 291px;height:19px;border-bottom: 1px dotted #444;font-size: 12px;color: #fff;}
.con .con-right .user-message .mylist li span{padding: 0 5px;float: left;}
.con .con-right .user-message .mylist li .get-name{color: #38c461;}
.con .con-right .user-message .mylist li .get-present{color: #f4dd1f;}
.con .con-right .user-message .mylist li .time{float: right;color: #aaa;}

.con .con-right .get-list{width: 305px;margin-bottom: 30px;}
.con .con-right .get-list .get-list-logo{width: 40px;height: 40px;float: left; background: url(../img/goal.jpg) left center no-repeat;}
.con .con-right .get-list #list{width: 305px;height: 240px;overflow: hidden;}
.con .con-right .get-list ul{width: 305px;background: #292b37;}
.con .con-right .get-list ul li{padding: 10px 7px;width: 291px;height:19px;border-bottom: 1px dotted #444;font-size: 12px;color: #fff;}
.con .con-right .get-list ul li span{padding: 0 5px;float: left;}
.con .con-right .get-list ul li .get-name{color: #38c461;width: 70px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.con .con-right .get-list ul li .get-present{color: #f4dd1f;width:100px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.con .con-right .get-list ul li .time{float: right;color: #aaa;}


.con .con-right .recom-commodity{width: 305px;}
.con .con-right .recom-commodity .recom-logo{width: 40px;height: 40px;float: left;background: url(../img/star.jpg) left center no-repeat;}
.con .con-right .recom-commodity .recom-box{width: 255px;padding: 10px 25px;background: #292b37;}
.con .con-right .recom-commodity .recom-box a{display: block;width: 255px;height: 265px;text-decoration: none;margin-bottom: 10px;}
.con .con-right .recom-commodity .recom-box a img{width: 255px;height: 265px;}

.tanchuang-1{width: 100%;height: 100%;background: rgba(0,0,0,.2);position: fixed;left: 0;top: 0;display: none;}
.tanchuang-1-con{position: fixed;top: 40%;left: 35%;width: 286px;padding: 45px 50px 0 50px; height: 164px;background: url(../img/Bg1.png);}
.tanchuang-1-con .close-btn{position: absolute;width: 26px;height: 26px;top: 3px;right: 3px;background: url(../img/Btn_Close_1.png);cursor: pointer;}
.tanchuang-1-con .notice{text-align: center;color: #949494;font-size: 18px;}

.tanchuang-2{width: 100%;height: 100%;background: rgba(0,0,0,.2);position: fixed;left: 0;top: 0;display: none;}
.tanchuang-2-con{position: fixed;top: 40%;left: 35%;width: 438px;padding: 45px 50px 0 50px; height: 164px;background: url(../img/Bg2.png);}
.tanchuang-2-con .close-btn{position: absolute;width: 26px;height: 26px;top: 3px;right: 3px;background: url(../img/Btn_Close_1.png);cursor: pointer;}
.tanchuang-2-con .notice{text-align: center;color: #949494;}
.tanchuang-2-con .notice p{text-align: left;font-size: 13px;}
.tanchuang-2-con form{position: absolute;bottom: 26px;left: 29px;padding-left: 22px;}
.tanchuang-2-con .shuru{height: 32px;width: 300px;background: #22252e;color: #fff;font-size: 18px;}
.tanchuang-2-con .submit-btn{width: 127px;height: 38px;margin-left: 5px;background: #e6352d;font-size: 18px;color: #A71C14;letter-spacing: 5px;}


.tanchuang-3{width: 100%;height: 100%;background: rgba(0,0,0,.2);position: fixed;left: 0;top: 0;display: none;}
.tanchuang-3-con{position: fixed;top: 30%;left: 30%;width: 441px; height: 305px;padding: 35px 47px 0 50px; background: url(../img/bg_3.png);}
.tanchuang-3-con .close-btn{position: absolute;width: 26px;height: 26px;top: 3px;right: 3px;background: url(../img/Btn_Close_1.png);cursor: pointer;}
.tanchuang-3-con .notice{text-align: center;color: #949494;margin-bottom: 10px;}
.tanchuang-3-con .notice p{font-size: 14px !important;}
.tanchuang-3-con form{text-align: center;}
.tanchuang-3-con .hh{margin-bottom: 10px;}
.tanchuang-3-con label{font-size: 18px;color: #fff;float: left;}
.tanchuang-3-con input{width: 340px;height: 30px;float: right;}
.tanchuang-3-con .xx{margin-bottom: 10px;}
.tanchuang-3-con .xx label{margin-right: 30px;}
.tanchuang-3-con .xx input{width: 50px;height: 30px;float: left;margin-right: 10px;}
.tanchuang-3-con .submit-btn{float:none;width: 127px;height: 38px;background: #e6352d;font-size: 18px;color: #A71C14;letter-spacing: 5px;}