#header{position: relative; z-index:10;}
.hand{cursor: pointer;}
.text-center{text-align: center;}
.relative{position: relative;}
.hide{display: none;}
.margin-top-10{margin-top: 10px;}
.modal-login-bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0, 0, 0, 0.7);}
.modal-login{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 810px; height: 464px; overflow: hidden; position: absolute; top: calc(50% - 232px); left: calc(50% - 405px); border-radius: 10px; background-color: #fff; box-shadow: 0px 3px 38px rgba(181, 181, 181, 0.71);}
.inline-block{display: inline-block;}
.modal-login .login-left{width: 305px; background: url('/img/img1/login/login-left-1.png') no-repeat; background-size: contain; background-position: cover;}
.modal-login .login-left p{height: 23px; font-size: 16px; line-height: 28px; color: #ffffff; margin-top: 37px; padding-left: 41px;}
.modal-login .login-left p img{margin-right: 10px;}
.modal-login .login-right{width: calc(100% - 305px);}
.modal-login .login-right .line{border-top: 1px solid rgba(221, 221, 221, 1); margin: 0 36px;}
.modal-login .login-right .cricle{cursor: pointer; width: 126px; height: 126px; border: 1px solid; border-radius: 50%; display: table-cell; vertical-align: middle; text-align:center;}
.icon-weixin{border-color: #00BD17 !important;}
.icon-weixin:hover{background-color: #00BD17;}
.icon-qq{border-color: #50A8EB !important;}
.icon-qq:hover{background-color: #50A8EB;}
/* 用户头像模块 */
.modal-user{position: absolute; right: -6px; top: -16px; z-index: 11111; margin-top: 60px; width: 311px; height: 303px; opacity: 1; padding: 14px 14px 0; border-radius: 8px; background: rgba(255, 255, 255, 1); box-shadow: 0px 3px 10px rgba(181, 181, 181, 0.76);}
.modal-user .top1{position: relative; text-align: left; padding-left: 40px; padding-bottom: 6px; border-bottom: 1px solid rgba(238, 238, 238, 1);}
.modal-user .top1 .name{color: #747373; font-size: 14px;}
.modal-user .top1 .ID{color: #999999; font-size: 12px;}
.modal-user .title{line-height: 28px; font-weight: bold; font-size: 16px; color: #333333; margin-top: 12px; padding: 0; width: auto; height: auto; border: none; margin-bottom: 0px;}
.font-type-2{margin-top: 6px; font-size: 14px; line-height: 25px; color: #666666;}
.font-type-3{margin-top: 11px; font-size: 12px; line-height: 21px; color: #A7A7A7;}
.font-type-4{height: 22px; line-height: 28px; font-size: 16px; color: #FF0606; text-align: center;}
.font-type-5{font-size: 20px; color: #F9A643; text-align: center; height: 28px; line-height: 23px; margin-top: 20px;}
.font-type-6{cursor: pointer; position: relative; margin-top: 20px; font-size: 20px; color: #fff; text-align: center; width: 280px; height: 44px; line-height: 44px; padding-left: 30px; border-radius: 21px; background: linear-gradient(5deg, rgba(255, 192, 0, 1) 0%, rgba(255, 179, 137, 1) 100%); background: -moz-linear-gradient(5deg, rgba(255, 192, 0, 1) 0%, rgba(255, 179, 137, 1) 100%); background: -webkit-gradient(5deg, rgba(255, 192, 0, 1) 0%, rgba(255, 179, 137, 1) 100%); background: -webkit-linear-gradient(5deg, rgba(255, 192, 0, 1) 0%, rgba(255, 179, 137, 1) 100%); background: -o-linear-gradient(5deg, rgba(255, 192, 0, 1) 0%, rgba(255, 179, 137, 1) 100%); background: -ms-linear-gradient(5deg, rgba(255, 192, 0, 1) 0%, rgba(255, 179, 137, 1) 100%); background: linear-gradient(5deg, rgba(255, 192, 0, 1) 0%, rgba(255, 179, 137, 1) 100%);}
.font-type-6 img:nth-child(1){position: absolute; left: -14px; top: -25px;}
.font-type-6 img:nth-child(3){position: absolute; top: 15px; right: 32px;}
.border-bottom{border-bottom: 1px solid rgba(238, 238, 238, 1);}
.padding-bottom-20{padding-bottom: 20px;}
.modal-user .footer{height: 44px; line-height: 44px; font-size: 12px; color: #999999; text-align: right; padding-right: 14px; margin-left: -14px; margin-right: -14px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: #F3F3F3;}
.modal-user .user-cricle{position: absolute; overflow: hidden; width: 32px; height: 32px; left: 0; border-radius: 50%; background-color: #333333;}
#user-icon{display: inline-block; height: 39px;}
.modal-user .triangle{width: 40px; position: absolute; top: -10px; left: 28%; text-align: center; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 0px solid transparent; border-bottom: 19px solid #ffffff;}
/* 登录注册按钮 */
#header .head-item-3{text-align: right; vertical-align: top; position: absolute; right: 5px; top: 30px;}
#header .head-item-3 .btn{outline: none; border: none; font-size: 15px; height: 36px; border-radius: 18px;}
#header .head-item-3 .btn-vip{width: 120px; color: #fff; /*margin-left: 88px;*/ margin-left: 0; /*background: linear-gradient(to right, #FFC000, #FFB389);*/ /*background: -ms-linear-gradient(right, #FFC000, #FFB389);*/ /*background: -moz-linear-gradient(right, #FFC000, #FFB389);*/ /*background: -o-linear-gradient(right, #FFC000, #FFB389);*/ background:linear-gradient(180deg,rgba(255,190,49,1) 0%,rgba(255,115,45,1) 100%); /*background: linear-gradient(to right, rgba(241,157,38,0.99), rgba(253,100,79,1));*/ background: -ms-linear-gradient(right, rgba(241,157,38,0.99), rgba(253,100,79,1)); background: -moz-linear-gradient(right, rgba(241,157,38,0.99), rgba(253,100,79,1)); background: -o-linear-gradient(right, rgba(241,157,38,0.99), rgba(253,100,79,1));}
#header .head-item-3 .btn-vip:hover{background:linear-gradient(0deg,rgba(242,158,38,1) 0%,rgba(253,100,79,1) 100%);}
#header .head-item-3 .btn-vip img{vertical-align: -2px;}
#header .head-item-3 .btn-login-register{width: 110px; margin-left: 15px; color: #1EC6D3; background-color: #fff; border: 1px solid #1EC6D3;}
#header .head-item-3 .btn-login-register:hover{background-color: #00a9c3; color: #ffffff;}
/* 搜索 */
#header .head-item-2{display: none; position: absolute; margin-top: -2px; margin-left: 73px; width: 354px; height: 40px; border: 1px solid #1EC6D3; border-radius: 20px; vertical-align: top; line-height: 38px; left: 426px; top: 14px;}
#header .head-item-2 .left{width: 70px; height: 100px; font-size: 14px; color: #666666; vertical-align: top; padding-left: 10px;}
#header .head-item-2 input{border: none; outline: none; width: 202px; color: #BCBBBB; vertical-align: top; line-height: 38px; padding-left: 10px; border-left: 1px solid #f1f1f1;}
#header .head-item-2 .search{width: 70px; height: 38px; position: absolute; right: 0; top: -2px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background-color: #1EC6D3;}
.logo-hover{display: none;}

.login-New{width: 100%;height: 100%;position: fixed;top: 0;left
: 0;z-index: 99;background: rgba(0,0,0,0.7)}
.login-new-child{width: 650px;position: absolute;z-index:99999;top: 15%;left: 50%;margin-left: -325px;padding-top: 68px;background: #fff;padding-bottom: 33px;border-radius: 8px;box-shadow: 0 0 15px 0 rgba(0,0,0,.4);}
.re-popbox .close-pop{width: 25px;height: 24px; background: url(../images/icon-close.png) no-repeat; background-size: contain; position: absolute; right: 26px; top: 26px;display: block;}
.login-new-child .login-ibaotu-logo{width: 446px; height: 66px;background: url(../images/vip_logo.jpg) no-repeat; background-size: contain; margin: 0 auto; margin-top: -27px;}
.login-new-child .text-1{width: 328px;height: 100px;background: url(../images/328x104.png) no-repeat;background-size: contain;margin: 0 auto;margin-top: 28px;}
.login-new-line2{width: 648px;height: 1px;border-bottom: 1px solid #eee;}
.login-new-line{width: 529px; height: 1px; margin: 42px auto 0; background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,89.8%,0)),color-stop(50%,#e5e5e5),to(hsla(0,0%,89.8%,0)));background: linear-gradient(90deg,hsla(0,0%,89.8%,0),#e5e5e5 50%,hsla(0,0%,89.8%,0)); position: relative;}
.login-new-line>span{display: block;width: 170px; height: 20px; line-height: 20px;background: #fff;position: absolute; top: -10px;left: 0;right: 0; margin: 0 auto; font-size: 12px; color: #636363; text-align: center; letter-spacing: 1px;font-size: 16px;}
.login-new-child .login-in-way{display: -webkit-box;display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: auto; text-align: center; margin-top: 59px;}
.login-in-way>a{position: relative; width: auto;height: auto;}
.vip_right{width: 207px;float: right;overflow: hidden;margin-top: 60px;margin-right: 69px;}
.vip_left{width: 207px;float: left;overflow: hidden;margin-top: 60px;margin-left: 77px;}
.vipbtn_box{padding-bottom: 20px;text-align: center;margin-top: 45px;border: none;}
.vipdown_btn{position: relative; display: inline-block; width: 207px; height: 50px; color: #fff; font-size: 24px; text-align: center; line-height: 50px; -webkit-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1); box-shadow: 0 2px 8px rgba(0, 0, 0, .1); background-image: linear-gradient(90deg, #fdb20f 0%, #fc910f 100%);}
.vipdown_btn2{cursor:pointer; position: relative; display: inline-block; width: 207px; height: 50px; color: #fff; font-size: 24px; text-align: center; line-height: 50px; -webkit-border-radius: 30px; border-radius: 30px; margin-right: 40px; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1); box-shadow: 0 2px 8px rgba(0, 0, 0, .1); background-image: linear-gradient(90deg, #39dafa 0%, #2dcbfa 100%);}
.login-new-child .text-2{width: 328px;height: 49px;background: url(../images/305x49.png) no-repeat;background-size: contain;margin: 0 auto;margin-top: 50px;}


/*签到收藏*/
.collection_btn_wap{width:56px;position:fixed;right:10px;top:300px;background:#fff;z-index:99;text-align:center;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #ccc}
.collection_btn_wap li{padding:10px;cursor:pointer}
.collection_btn_wap .sign_btn{display:block;font-size:12px;line-height:14px}
.collection_btn_wap .sign_btn i{display:block;width:36px;height:26px;background:url(../images/clect_btn.png) no-repeat center center}
.collection_btn_wap .sign_btn:hover{background:#00a9c3;color:#fff;border-radius:10px 10px 0 0}
.collection_btn_wap .sign_btn:hover i{background:url(../images/clect_hover.png) no-repeat center center}
.collection_btn_wap .collect_btn{display:block;border-top:1px solid #ccc}
.collection_btn_wap .collect_btn:hover{background:#00a9c3;color:#fff;border-radius:0 0 10px 10px}
.collection_btn_wap .collect_btn:hover .collect_hover{display:block !important;}
.collect_hover{display: block;position:absolute;bottom:0;left:-138px;background:#00a9c3;color:#fff;padding:5px 15px;text-align:center;border-radius:10px;}
.collect_hover .ctrl{font-size:24px;line-height:26px}
.collect_hover span{display:block;line-height:26px}
.collect_hover .text1{width:88px;border-bottom:1px solid #fff;margin:0 auto}
.mask_wap{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.7);z-index:999;display:none; top:0px; left:0px;}
.collection_wap{width:600px;position:fixed;left:50%;top:15%;margin-left:-300px;z-index:1000;background:#fff;border-radius:10px;text-align:center;display:none}
.collection_wap .collect_top{text-align:center;line-height:98px;font-size:26px;background:url(../images/bg_top.png) no-repeat;color:#fff}
.collection_wap .collect_tit{margin-top:30px;line-height:30px;text-align:center;font-size:16px}
.collection_wap .collect_key{font-size:20px;text-align:center;margin-bottom:30px;line-height:30px}
.collection_wap .collect_key strong{color:#00b8ca;font-size:22px;margin-left:15px}
.collection_wap .collect_closebtn,.sign_wap .sign_closebtn{display:block;width:35px;height:35px;background:url(../images/close_btn.png) no-repeat;position:absolute;top:-50px;right:-5px; cursor:pointer;}
.sign_wap{width:600px;position:fixed;left:50%;top:15%;margin-left:-300px;z-index:1000;background:#fff;border-radius:10px;text-align:center;display:none}
.sign_wap .sign_top{height:98px;background:url(../images/bg_top.png) no-repeat;color:#fff;text-align:center}
.sign_wap .sign_top h4{font-size:22px;font-weight:400;line-height:30px;padding-top:20px}
.sign_wap .sign_top p{line-height:36px}
.gift_text{margin:30px 0 10px;color:#00b9cb}
.gift_text .day3_text{display:inline-block;margin-left:206px}
.gift_text .day7_text{display:inline-block;margin-left:256px}
.sign_wap .days{width:490px;height:40px;background:url(../images/signin.png) no-repeat center center;margin:0 auto}
.sign_wap .days ul{width:530px}
.sign_wap .days li{float:left;width:40px;height:40px;line-height:40px;text-align:center;margin-right:35px;font-size:16px;color:#00b8ca;overflow:hidden}
.sign_wap .days li.day_3,.sign_wap .days li.day_7{background:url(../images/gift.png) no-repeat center center}
.sign_wap .days li.active{background:url(../images/active.png) no-repeat center center;text-indent:90px}
.sign_wap .signIn_btn{display:block;width:138px;height:36px;line-height:36px;border-radius:18px;color:#fff;background:#00b9cc;margin:30px auto; cursor:pointer;}
.sign_wap .signIn_btn.active{background:#ccc}
.sign_wap .describe{width:400px;margin:0 auto;height:30px;border-bottom:1px solid #ccc;margin-bottom:36px}
.sign_wap .describe span{display:inline-block;background:#fff;padding:0 10px}
.success_vip{width:238px;height:60px;background:rgba(0,0,0,.7);color:#fff;position:fixed;top:75%;left:50%;margin-left:-119px;z-index:1000;border-radius:6px;display:none}
.success_vip img{width:30px;float:left;margin:15px 10px 0 45px}
.success_vip span{display:inline-block;font-size:20px;line-height:60px}

.first_down_box{width: 580px;height: 50px;line-height: 50px;color: #fff;background: rgba(0,0,0,0.7);text-align: center;border-radius: 25px;position: fixed;bottom: 10%;left: 50%;margin-left: -290px;z-index: 99;}
.first_down_box span{}
.first_down_box a{text-decoration:underline;color: #fff;}
.close_btn_first {display: block;width: 20px;height: 20px;background: url(../images/close_first_down.png) no-repeat;position: absolute;top: 8px;right: 4px;}