/*edit by lijanchan on 20181029*/


/* basic style end */
.wrapper.index{overflow-x: hidden;background: #f5f6fa;top: -70px;width: 100%;position: relative;margin-bottom: -70px;}
.wrapper .modwp{padding-bottom: 50px;position: relative;z-index: 4;}
.btn_cred{display: block;margin: 0 auto;color: #fff;text-align: center;background: #ff3043;background: linear-gradient(112deg, #ff1e32 0%,#ff4455 100%);}
.user_info.unlog .btn_ui{display: block;margin: 0 auto;color: #000000;text-align: center;background: #FFEAAD;}
.btn_cred:hover,.user_info.unlog .btn_ui:hover{text-decoration: none; opacity: .85;}
.user_info.normal .btn_ui,.user_info.over .btn_ui{display: block;margin: 0 auto;color: #ff1e32;text-align: center;background: #dcdbdb;background: linear-gradient(112deg, #d6d5d5 0%,#e1dfdf 100%);}
.user_info.normal .btn_ui:hover,.user_info.over .btn_ui:hover{text-decoration: none;color: #fff;background: #fe4757;background: linear-gradient(112deg, #fe3547 0%,#fe5967 100%);}
.btn_cyellow,.user_info.vip .btn_ui{display: block;margin: 0 auto;color: #ff1e32;text-align: center;background: #fae487;background: linear-gradient(112deg, #f5df80 0%,#fee98f 100%);}
.btn_cyellow:hover,.user_info.vip .btn_ui:hover{text-decoration: none;color: #fff;background: #fe4757;background: linear-gradient(112deg, #fe3547 0%,#fe5967 100%);}
.btn_cback,.user_info.super .btn_ui{display: block;margin: 0 auto;color: #ffda76;text-align: center;background: #494848;background: linear-gradient(112deg, #3f3f3f 0%,#545252 100%);}
.btn_cback:hover,.user_info.super .btn_ui:hover{text-decoration: none;color: #fff;background: #fe4757;background: linear-gradient(112deg, #fe3547 0%,#fe5967 100%);}
.btn_cpink{display: block;margin: 0 auto;color: #e80b15;text-align: center;background: #ffd3d7;background: linear-gradient(112deg, #ffc7cc 0%,#ffdfe2 100%);}
.btn_cpink:hover{text-decoration: none;opacity: 0.85;}
.btn_uf{display: block;margin: 0 auto;color: #e80b15;text-align: center;background: #FFEAAD; border-radius: 26px; font-size: 20px;
  color: #916146; width: 145px; height: 52px; line-height: 52px;}
/* basic style */

/* top banner area */
.ban_top{position: relative; z-index: 101;}
.ban_top_wp .modwp{overflow: hidden; position: relative;}
.ban_top_wp .ban_click{display: block; position: relative;}
.ban_top_wp .ban_click img{display: block; width: 100%;}
.ban_top_wp .ban_click .packup,.ban_top_packup .ban_click .show{display: none;}
.ban_top_packup .ban_click .packup{display: block;}
.ban_top_wp .close{display:none; position: absolute; right: 0; top: 50%; margin-top: -12px; width: 25px; height: 25px; overflow: hidden; line-height: 25; background: url(../img-y16/index/index_spr24.png) no-repeat -150px -100px;}
.ban_top_packup .close{display: block;}
.ban_top .wrapper-head{position: static;}
.wrapper-head.posfix{position: fixed;}
#popPendant{z-index: 5;}
/* top banner area end */

/*header*/
.vip-header .vip-usertop{float:right;position:relative;top: 0; min-width: auto;margin-left: -100px;height: 100%;}
.vip-header .vip-usertop .btn_wp{position: absolute; right: 0; top: 100%; margin-top: 0; height: 53px; width: 243px; background: url(../img-y16/base/bg_base_spr24.png) no-repeat 0 -100px; padding: 0 0 0 20px; text-align: center;}
.vip-header .vip-usertop .t_nav_links{height:36px; min-width: 85px; line-height:36px; padding:0 20px; border-radius:18px; }
/* 角标 */
.vip-header .vip-usertop .btn_wp .pay-vip-corn{ position: absolute; display: inline-block; font-size: 10px; color: #FFFFFF;background: #FD4C57; border-radius: 8px 12px 12px 0; line-height: 16px; padding: 0 5px; right: 49px; bottom: 49px;}

.vip-header .unlogin{display: block; margin: 16px 69px 0 0;}
.vip-header .unlogin .linkmag{height: 39px; line-height: 39px;}
.vip-header .unlogin .linkmag:hover{color: #aaa;}
.vip-header .usertype{padding:0 41px 0 9px; margin-top: 13px;}
.vip-header .usertype:after{content: ""; position: absolute; left: -1px; top: 8px; width: 1px; height: 31px; background: #575757;}
.vip-header .usertype .userimg{position:absolute; left:-50px; top: 3px;}
.vip-header .vip-usertop .username_wp { height: 21px; }
.vip-header .vip-usertop .username{display: inline-block; color:#fff; max-width:6em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:5px;}
.vip-header .vip-usertop .username:hover{color: #ffc52a;}
.vip-header .vip-usertop .vip_expire{margin-top: 4px; color: #8b8b8b; font-size: 12px;white-space: nowrap; display: flex; align-items: center;}
.vip-header .vip-usertop .vip_expire .guess-icon{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEaSURBVHgBrVHLbYNAEDUL99CB6SAuwR0kdJAOYiRA4oT3xAHE2pVE7iDpgBKcDtYSN35+I+2gxZZ98kir2Xmzb+bN7Gr1aiuKIqDzKO/YgVLK7/t+N03TO85ZCKHhN47jnD3Pk1EU6TuiIf3g4T5N0z+7YF3XH8Mw7EAOmexxEok93IFIKBIgzgl3XZc6ncqyvKDwNyBJuGDiOI7rJElOpojquk6aowhD7pdk83vBi8AcDYNxHIdZltFcXzZOs1ZVtV5Ihfn2XJC2hXtDp8iC9aIjVYeMwCYi1pjpeINtoOZ/JpolNJC8tWSRgrkYJH6S1DnPF/4OXA+8pBvZedu2oZRSL4gWOSfZZik+fIC4AenIpKdG2+MNvtSu0Fmk9rr9J+0AAAAASUVORK5CYII=); width: 14px; height: 14px; display: inline-block; background-size: contain; vertical-align: -2px;}
.vip-header .vip-usertop .vip_expire .vip-info-box{display: none;background-color: #383838 ;color: #fff;width: 150px;padding: 10px;line-height: 1.5;border-radius: 8px;position: absolute;z-index: 1000;top: 50px;left: 30px;}
.vip-header .vip-usertop .vip_expire .vip-info-box::before {content: ""; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px;}
.vip-header .vip-usertop .vip_expire:hover .vip-info-box {display:block;}
.vip-header .vip-usertop .vip_expire:hover .vip-info-box .use {color:#FF5E51;}
.vip-header .vip-usertop .icvip { top: 0; vertical-align: 4px; }
.vip-header .vip-usertop .sidefunc {position: absolute; right: 10px; top: 1px; white-space: nowrap;}
.vip-header .vip-usertop .sidefunc a {margin-right: 2px; color: #aaa;}
.vip-header .vip-usertop .sidefunc a:hover {color: #ffc52a;}
.vip-header .usertype .userimg:hover ~ .n_user_panel,.n_user_panel:hover{left: -23px;padding-top: 12px;background-position: 0 12px;}
/* .vip-header .vip-usertop .sur_link{top: -1px !important;  position: absolute; left: 78px; top: 7px;} */
.wrapper-head a{vertical-align: baseline !important;}
.vip-header .vip-usertop .ico_coupon{display: inline-block;vertical-align: top;background: url(../img-y16/index/index_spr24.png) no-repeat -200px -150px;width: 20px;height: 14px;margin: 1px 0 0 6px;}
.vip-header .vip-usertop .ico_coupon_pos{display: inline-block;vertical-align: top;width: 19px;height: 17px;margin: 0 0 0 6px;position: relative;top: -1px;}
.vip-header .vip-usertop .ico_coupon_pos .ic_pic{position: absolute;top: 0;left: 0;background: url(../img-y16/index/index_spr24.png) no-repeat -200px -170px;width: 100%;height: 100%;animation: ico_coupon_pos 2s linear both infinite;-webkit-animation: ico_coupon_pos 2s linear both infinite;}
.vip-header .vip-usertop .ico_coupon_pos .num{position: absolute;width: 0;height: 0;top: 7px;left: 20px;}
.vip-header .vip-usertop .ico_coupon_pos .num i{position: absolute;top: 50%;left: 50%;background: url(../img-y16/index/index_spr24.png) no-repeat -270px -172px;width: 14px;height: 14px;margin: -7px 0 0 -7px;text-align: center;font-size: 12px;line-height: 14px;line-height: 13px\0;color: #fff;zoom: .83;}

@keyframes ico_coupon_pos{
	0%,6%,12%,18%,24%,30%,100%{transform:translateY(0);}
	3%,15%,27%{transform:translateY(-5%);}
	9%,21%{transform:translateY(5%);}
}
@-webkit-keyframes ico_coupon_pos{
	0%,6%,12%,18%,24%,30%,100%{-webkit-transform:translateY(0);}
	3%,15%,27%{-webkit-transform:translateY(-5%);}
	9%,21%{-webkit-transform:translateY(5%);}
}

.vip-header .vip-usertop .ico_coupon{background: 0;width: 22px;height: 16px;position: relative;}
.vip-header .vip-usertop .ico_coupon .ic_pic{position: absolute;top: 0;left: 0;background: url(../img-y16/index/index_spr24.png) no-repeat -244px -172px;width: 100%;height: 100%;animation: ico_coupon 4s linear both infinite;-webkit-animation: ico_coupon 4s linear both infinite;}
.vip-header .vip-usertop .ico_coupon .num{position: absolute;width: 0;height: 0;top: 3px;right: 0;}
.vip-header .vip-usertop .ico_coupon .num i{position: absolute;top: 50%;left: 50%;background: url(../img-y16/index/index_spr24.png) no-repeat -270px -172px;width: 14px;height: 14px;margin: -7px 0 0 -7px;text-align: center;font-size: 12px;line-height: 14px;line-height: 13px\0;color: #fff;zoom: .83;}
@keyframes ico_coupon{
	0%{transform: rotateY(0deg);}
	30%,100%{transform: rotateY(360deg);}
}
@-webkit-keyframes ico_coupon{
	0%{-webkit-transform: rotateY(0deg);}
	30%,100%{-webkit-transform: rotateY(360deg);}
}

/*header end*/

/* theme background */
.themebg_wp{position: absolute; z-index: 0; width: 100%;height: 900px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
    z-index: 4;
    pointer-events: none;
    overflow: hidden;
    display:none\9;
}

/* theme background end */

.new_carousel .btn_arrow_wp a,.new_user_wp .tips_cont .ic_arr,.threevip_wp .tv_list .ic_tq,.threevip_wp .tv_list .ic_tq:before,.product_wp .ic_box:before,.new_user_wp .unlog .ui_face:before{background: url(../img-y16/index2018/index2021_spr.png) no-repeat;}

/* carousel */
.new_carousel{position: relative;height: 540px;}
.new_carousel ul{position: absolute;top: 0;left: 50%;width: 4096px;height: 725px;margin-left: -2048px;}
.new_carousel li{position: absolute; left: -9999px; top: 0; width: 100%; height: 100%;background-repeat: no-repeat;background-size:contain;background-position: center top;}
.new_carousel .img_wp{display: block; margin: 0 auto; width: 100%; height: 100%;position: relative;}
.new_carousel .img_wp img{position: absolute;top: 0;left: 50%;width: 1200px;margin-left: -600px; height: auto;;}
.new_carousel li.hide{z-index: 2;left: 0;}
.new_carousel li.on{z-index: 3;animation: carousel_li .5s linear both;left: 0;}
@keyframes carousel_li{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.new_carousel ul li:after{
  content: '';        
  display: block;
  width: 100%;
  height: 725px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img-y21/index/banner-cover.png) repeat-x;
  background-size: auto 100%;
  z-index: -1;
  cursor: pointer;
}

.new_carousel .pic_guide{position: absolute; z-index: 10; left: 50%; bottom: 5.56%; width: 600px;margin-left: -300px; text-align: center;font-size: 0;}
.new_carousel .pic_guide .dot{position: relative; display: inline-block; width: 94px; height: 36px; line-height: 36px; color: #fff; font-size: 13px; -webkit-transition:all .3s; transition:all .3s; cursor: pointer; vertical-align: middle; }
.new_carousel .pic_guide .dot:after{content: ""; position: absolute; left: 5px; bottom: 0; width: 89%; height: 2px; background: #000; -webkit-transition:all .3s; transition:all .3s; filter: alpha(opacity=40); opacity: .4;}
.new_carousel .pic_guide .dot.on:after,.pic_guide .dot:hover:after{left: 0; width:100%; background: #fff; filter: alpha(opacity=90); opacity: .9;}
.new_carousel .pic_guide .dot.off:after { content: '' !important; }

.new_carousel .btn_arrow_wp{position: absolute;top: 0;left: 0;width: 100%;}
.new_carousel .btn_arrow_wp a{position: absolute; top: 270px;width: 33px; height: 64px; overflow: hidden; line-height: 64;z-index: 2;}
.new_carousel a.btn_prev{left: -114px;background-position: -460px -770px;}
.new_carousel a.btn_prev:hover{background-position: -510px -770px;}
.new_carousel a.btn_next{right: -114px; background-position: -610px -770px;}
.new_carousel a.btn_next:hover{background-position: -560px -770px;}
/* carousel end */

/*用户信息*/
.new_user_wp{position: relative;height: 606px; border-radius: 10px; box-shadow: 0 4px 16px 0 rgba(211,217,228,0.40);}
.new_user_wp .user_card_left{width: 30%; height: 606px;background-image: linear-gradient(121deg, #FFDD9D 0%, #F1C37B 59%);
  position: absolute;top: 0;left: 0; border-radius: 10px 0 0 10px;}
.new_user_wp .user_card_right{padding-left: 30%; width: 70%;  height: 606px;}
/* .new_user_wp .user_card{position: absolute;top: 0;left: 50%; transform: translateX(-50%);} */
.new_user_wp .user_info{position: relative;height: 100%;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
/* .new_user_wp .user_info:before{content: "";position: absolute;top: 0;left: 100%;border-width: 3px 4px 4px;border-style: dashed dashed solid solid;} */
/* .new_user_wp .user_info:after{content: "";position: absolute;bottom: 0;left: 100%;border-width: 3px 4px 4px;border-style: solid dashed dashed solid;} */
.new_user_wp .ui_cont{padding-top: 39px;}
.new_user_wp .ui_hd{position: relative;font-size: 0;line-height: 0;text-align: left;padding-left: 41px;}
.new_user_wp .ui_face{display: inline-block;vertical-align: top;position: relative;width: 78px;height: 79px;}
.new_user_wp .ui_face img{display: block;width: 78px;height: 79px;border-radius: 100%;}

/* 已登录 */
.new_user_wp .ui_face_login{display: inline-block;vertical-align: top;position: relative;width: 42px;height: 42px;}
.new_user_wp .ui_face_login img{display: block;width: 42px;height: 42px;border-radius: 100%;}

.new_user_wp .ui_info{display: inline-block;vertical-align: top;margin-left: 8px;}
.new_user_wp .ui_name{display: flex; align-items: center;}
.new_user_wp .ui_name .name{display: inline-block;vertical-align: middle;font-size: 18px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 90px;}
.new_user_wp .ui_name .icvip{vertical-align: middle;margin-left: 5px;}
.new_user_wp .ui_data{font-size: 14px;line-height: 19px;}
.new_user_wp .ui_data:hover .vip-info-box{ display:block; }
.new_user_wp .ui_data .guess-icon{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE9SURBVHgBrVJdTsJAEP52W0Sf5AYQnxBjlBtwA+UGHsAElguUvhsLifcwvYGcQBMT8MnUG9QnLf0ZZxpbWghvbDLJ7Dc7M998s8Chz8/K64jti6vqhV69VnKEsVK44kDA0ZAI1+LrCK7qm3AnUZLSJp4t0FT1JotawY/HmzRTYyvCsEi2i2DSwNQmmqmLyYKYYgo4gsfgTl3jx+/ed3aMEUOu4LpsrdHmJF/8lODFv3Attgb7gjUuzYvQLt7nidKB53orQLtnhid9E/C8d4o2uMxKn0/tGlUQWtW54pU30IRTq2dMRcqw1lGdm4CATk2QFOE6wryGicJn91/1GZkqCzAo78zAtpOyWLL0bvMVbWj/VyvWofVMdUf+Nm0u5FTXsfMBsiYcoZ2LxV1znwXSa8yrH2DvoeVDWwyHPn8Qa4WvDvi9mAAAAABJRU5ErkJggg==); width: 14px; height: 14px; display: inline-block; background-size: contain; vertical-align: -2px;}
.new_user_wp .ui_data .vip-info-box{display: none;background-color: #FCD68F;color: #000;width: 150px;padding: 10px;line-height: 1.5;border-radius: 8px;position: absolute;z-index: 1000;top: 50px;left: 120px;}
.new_user_wp .ui_data .vip-info-box::before {content: ""; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px;}
.new_user_wp .ui_data .vip-info-box .use {color:#FF5E51;}
.new_user_wp .ui_bd{padding-top: 32px;}
.new_user_wp .ui_bar{font-size: 0;line-height: 0;text-align: center;}
.new_user_wp .txt_bar{display: inline-block;vertical-align: top;font-size: 16px;line-height: 24px;}
.new_user_wp .bar_box{display: inline-block;position: relative;width: 172px;height: 3px;border-radius: 2px;margin: 0 8px;vertical-align: top;top: 8px; background: #fff;}
.new_user_wp .bar_cont{height: 100%;border-radius: 8px;}
.new_user_wp .bar_tips{position: absolute;bottom: 10px;}
.new_user_wp .tips_cont{position: relative;display: inline-block;font-size: 14px;line-height: 15px; }
/* .new_user_wp .tips_cont:before{content: "";position: absolute;top: 0;left: 0;width: 6px;height: 25px;border: 1px solid;border-right: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;} */
/* .new_user_wp .tips_cont:after{content: "";position: absolute;top: 0;right: 0;width: 6px;height: 25px;border: 1px solid;border-left: 0;border-top-right-radius: 4px;border-bottom-right-radius: 4px;} */
.new_user_wp .tips_cont span{display: inline-block;position: relative;overflow: hidden; background: #B06E2F; padding: 0 5px;
  border-radius: 8px 8px 8px 0;}
.new_user_wp .tips_cont .ic_arr{position: absolute;bottom: 0;left: 50%;width: 100px;height: 5px;margin-left: -50px;}
.new_user_wp .tips_cont .ic_down{position: relative;top: -1px;display: inline-block;vertical-align: middle;margin: 0 5px 6px 3px;width: 4px;height: 5px;position: relative;border-top-left-radius: 2px;border-top-right-radius: 2px;}
.new_user_wp .tips_cont .ic_down:before{content: "";position: absolute;top: 100%;left: -2px;border-width: 6px 4px;border-style: solid dashed dashed dashed;}
.new_user_wp .tips_cont .ic_up{position: relative;top: -2px;display: inline-block;vertical-align: middle;margin: 6px 5px 0 3px;width: 4px;height: 5px;position: relative;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.new_user_wp .tips_cont .ic_up:before{content: "";position: absolute;bottom: 100%;left: -2px;border-width: 6px 4px;border-style: dashed dashed solid dashed;}
.new_user_wp .ui_link{font-size: 0;line-height: 0;text-align: center;margin-top: 24px;}
.new_user_wp .txt_link{display: inline-block;position: relative;padding: 28px 26px 0;font-size: 14px;line-height: 14px;}
/* .new_user_wp .txt_link+.txt_link{border-left: 1px dashed;} */
.new_user_wp .txt_link em{position: absolute;top: 0;left: 0;width: 100%;font-size: 16px;line-height: 16px;}
.new_user_wp .ui_ft{margin-top: 22px;}
.new_user_wp .btn_ui{width: 261px;font-size: 20px;line-height: 52px;border-radius: 52px;}

.new_user_wp .unlog .ui_hd{text-align: center;padding-left: 0;}


.new_user_wp .unlog{background-position: 0 0;}
.new_user_wp .unlog:before{border-color: transparent transparent #d3b46a #d3b46a;}
.new_user_wp .unlog:after{border-color: #d3b46a transparent transparent #d3b46a;}
.new_user_wp .unlog .ui_hd{text-align: center;padding-left: 0;}
.new_user_wp .unlog .ui_face:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: -2px -870px;}

.new_user_wp .unlog .ui_face:hover:before{animation: ui_face .2s steps(1) both;}
@keyframes ui_face{
  0%{background-position: -2px -870px;width: 100%;left: 0;}
  33.33%{background-position: -92px 872px;width: 100%;left: 0;}
  66.66%{background-position: -182px -872px;width: 100%;left: 0;}
  100%{background-position: -273px -872px; width: 91px;left: -7px; }
}
.new_user_wp .user_info{margin-bottom: 32px;}

.new_user_wp .unlog .ui_info{display: none;}
.new_user_wp .unlog .bar_box{background: #afafaf;}
.new_user_wp .unlog .bar_cont{background: #898989;}
.new_user_wp .unlog .tips_cont:before,.new_user_wp .unlog .tips_cont:after{border-color: #ff1e32;}
.new_user_wp .unlog .tips_cont span{border-color: #ff1e32;color: #ff1e32;}
.new_user_wp .unlog .tips_cont .ic_arr{background-position: 0 -376px;}
.new_user_wp .unlog .txt_bar{color: #383838;}
.new_user_wp .unlog .txt_link{color: #383838;}
.new_user_wp .unlog .txt_link+.txt_link{border-color: #ddb85e;}
.new_user_wp .unlog .txt_link em{color: #ff1e32;}



/* .new_user_wp .vip{background-position: -660px 0;} */
.username_wp {padding-top: 0 !important; align-items: center;}
.username_wp a{margin-right: 5px}
.username_wp a:nth-last-child(1){margin-right: 0px}
.new_user_wp .vip:before{border-color: transparent transparent #d8a344 #d8a344;}
.new_user_wp .vip:after{border-color: #d8a344 transparent transparent #d8a344;}
.new_user_wp .vip .ui_name .name{color: #B06E2F;}
.new_user_wp .vip .ui_data{color: #CC8542;}
.new_user_wp .vip .ui_data .guess-icon{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFESURBVHgBrVKxUsJAEL3dBCzNH5A/kKAWdjdqr/yBfyCWCk7IwIwl8CUOPYNHZYEjfEL8g1gCyZ530YsXGDrezBX77t7uu91l7NB4D7mvz757sINFyL20ii0AdgLEYkUlElhdxTGuKAoikewItSirwisC6zae3malhH1+kwG0nLVsGrFrLpWo60g5DNpitnjhfkYYan6zVpU6YjzvXX9TJb1XVKR5tFzX9IM8CeFACxykqFLFgebOnydCItbN61yoK4BkS0OetafNi0jEKeEdSFpa/4o/+5e1klUFz/6XssYR6Pi0LR4KklhSqhg8ilh1z7eFEtNkvaJRmWP1Rmf6VQhzG8rqvMd5EZPrue5/so/e1e3fiIztX5hxONIZBp3JeNs2YBba49hZADrCUEpmmuUpez4QLXHDRvYC7IXunungQfEDQJePCpsWUlsAAAAASUVORK5CYII=); width: 14px; height: 14px; display: inline-block; background-size: contain; vertical-align: -2px;}
.new_user_wp .vip .ui_data .vip-info-box {background-color: #fff;}
.new_user_wp .vip .ui_data em{color: #95682e;}
.new_user_wp .vip .bar_box{background: rgba(255,255,255,0.48)}
.new_user_wp .vip .bar_cont{background: #B06E2F;}
.new_user_wp .vip .tips_cont:before,.new_user_wp .vip .tips_cont:after{border-color: #ff1e32;}
.new_user_wp .vip .tips_cont span{ font-size: 12px; color: #FFFFFF;}
.new_user_wp .vip .tips_cont .ic_arr{background-position: 0 -376px;}
.new_user_wp .vip .tips_cont .ic_up{background: #ff1e32;}
.new_user_wp .vip .tips_cont .ic_up:before{border-color: transparent transparent #ff1e32 transparent;}
.new_user_wp .vip .txt_bar{color: #B06E2F;}
.new_user_wp .vip.full .txt_bar{color: #ff1e32 !important;}
.new_user_wp .vip .bar_box+.txt_bar{color: #B06E2F;}
.new_user_wp .vip .txt_link{color: #CC8542;}
/* .new_user_wp .vip .txt_link+.txt_link{border-color: #dbae5c;} */
.new_user_wp .vip .txt_link em{color: #B06E2F;}
.new_user_wp .user_card_left.vip{background: url(../img-y21/index/panel_bj.png) no-repeat; background-size: 100% 100%;}
/* .new_user_wp .user_card_left{ box-shadow: 0 4px 16px rgb(211 217 228 / 40%);} */
/* 网盘会员 */
.new_user_wp .user_card_left.cloud{background: url(../img-y21/index/panel_yp.png) no-repeat; background-size: 100% 100%;}
.new_user_wp .user_card_left.cloud .user_card{margin-bottom: 84px;}
.new_user_wp .user_card_left.cloud .uf_item .txt_item{ color: #FFF7D9;}
.new_user_wp .user_card_left.cloud{ color: #FFF7D9; }

/* 网盘会员+白金会员 */
.new_user_wp .user_card_left.double{background: url(../img-y21/index/panel_yp_and_bj.png) no-repeat; background-size: 100% 100%;}
.new_user_wp .user_card_left.double .uf_item .txt_item{ color: #D98A12;}
.new_user_wp .user_card_left.double{ color: #D98A12; }
.new_user_wp .user_card_left.double .ui_link a{ color: #D98A12; }


.new_user_wp .super{background-position: -990px 0;}
.new_user_wp .super:before{border-color: transparent transparent #000 #000;}
.new_user_wp .super:after{border-color: #000 transparent transparent #000;}
.new_user_wp .super .ui_name .name{color: #FCD68F;}
.new_user_wp .super .ui_data{color: #BD9F66;}
.new_user_wp .super .ui_data em{color: #acacac;}
.new_user_wp .super .bar_box{background: rgba(189,159,102,0.48);}
.new_user_wp .super .bar_cont{background: #FCD68F;}
.new_user_wp .super .tips_cont:before,.new_user_wp .super .tips_cont:after{border-color: #ffda76;}
.new_user_wp .super .tips_cont span{background:#FCD68F;;color: #161311;}
.new_user_wp .super .tips_cont .ic_arr{background-position: 0 -368px;}
.new_user_wp .super .tips_cont .ic_up{background: #ffda76;}
.new_user_wp .super .tips_cont .ic_up:before{border-color: transparent transparent #ffda76 transparent;}
.new_user_wp .super .txt_bar{color: #FCD68F;}
.new_user_wp .super.full .txt_bar{color: #ffda76 !important;}
.new_user_wp .super .bar_box+.txt_bar{color: #FCD68F;}
.new_user_wp .super .txt_link{color: #BD9F66;}
.new_user_wp .super .txt_link+.txt_link{border-color: #4c4c4c;}
.new_user_wp .super .txt_link em{color: #FCD68F;}
.new_user_wp .user_card_left.super{background: url(../img-y21/index/panel_cj.png) no-repeat; background-size: 100% 100%;}
.new_user_wp .user_card_left.super .user_fuli .uf_item .txt_item{color: #BD9F66;}
.new_user_wp .user_card_left.super .user_fuli .btn_uf{background: #FCD68F;color: #161311;}

/* 其他身份 */
.new_user_wp .user_card_left.other{background: linear-gradient(121deg, #FFDD9D 0%, #F1C37B 59%);}





.new_user_wp .user_fuli{border-radius: 10px; width: 260px; height: 340px; margin: 0 auto; }
.new_user_wp .uf_cont{font-size: 0;line-height: 0;text-align: center;}
.new_user_wp .uf_item{position: relative; width:100%; vertical-align: top; display: none;}
.new_user_wp .uf_item:nth-child(1){display: inline-block; overflow: hidden;}
.new_user_wp .uf_item+.uf_item:before{content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;border-left: 1px dashed #d9ddec;}
.new_user_wp .uf_item .txt_item{font-size: 20px;line-height: 22px; color: #CC8542;}
/* .new_user_wp .uf_item .txt_sub{display: none;} */

/* .new_user_wp .uf_item .txt_item em{color: #ff1e32;} */
.new_user_wp .uf_item .txt_sub{font-size: 16px;line-height: 1.5;color: #8b8b8b;margin-top: 9px;}
.new_user_wp .txt_tag{overflow: hidden;position: absolute;top: 4px;left: 0;font-size: 16px;width: 69px; height: 69px;}
.new_user_wp .txt_tag span{z-index: 2;color: #fff;display: block;text-align: center;background: #FD4C57;position: relative;left: -38px;
top: 8px;width: 120px; height: 27px;line-height: 27px; overflow: hidden;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);	-o-transform: rotate(-45deg);
}

/* .new_user_wp .txt_tag:before{content: "";position: absolute;bottom: 0;right: 0;width: 200%;height: 200%;border-radius: 100%;} */
.new_user_wp .txt_tag.red:before{background: #ff4d60;}
.new_user_wp .txt_tag.orange:before{background: #ffa33c;}
.new_user_wp .uf_img{margin: 32px auto 18px; height: 168px;}
.new_user_wp .uf_img img{display: block; max-width: 178px; margin: 0 auto;}
.new_user_wp .uf_btn{margin-top: 20px;}
/* .new_user_wp .btn_uf{width: 145px;font-size: 16px;line-height: 42px;border-radius: 42px;} */
.new_user_wp .auction .uf_img{height: 100px;}
.new_user_wp .uf_auction{position: relative;height: 26px;margin-top: 14px;}
.new_user_wp .uf_auction .ufa_face{display: inline-block;vertical-align: middle;width: 30px;height: 30px;}
.new_user_wp .uf_auction .ufa_face img{display: block;width: 100%;height: 100%;border-radius: 100%;-webkit-border-radius: 100%;}
.new_user_wp .uf_auction .txt_ufa{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 30px;color: #383838;margin: 0 9px;}
.new_user_wp .uf_auction .txt_ufa.big{animation: uf_ufa 1s linear both;}
@keyframes uf_ufa{
	0%,100%{transform: scale(1);}
	50%{transform: scale(1.1);}
}
.new_user_wp .uf_auction .txt_ufa em{color: #ff1e32;font-weight: bold;padding-left: 5px;}
.new_user_wp .uf_auction .txt_time{display: inline-block;vertical-align: middle;font-size: 18px;font-weight: bold;color: #e41e27;width: 41px;line-height: 26px;background: #ffdf8c;border-radius: 4px;-webkit-border-radius: 4px;}

/*用户信息 end*/

/*三大会员*/
.threevip_wp{background: #fff;position: relative;height: 606px;border-radius: 0 10px 10px 0; padding-top: 19px; box-sizing: border-box; }
.threevip_wp .tv_tab{position: relative; width: 82%;height: 58px; line-height: 58px;margin:0 0 37px 77px; box-shadow: 0 1px 0 0 #DEE0EE;}
.threevip_wp .btn_tab{cursor: pointer; display: inline-block; position: relative;}
.threevip_wp .btn_tab.super{ margin-right: 51px;}
.threevip_wp .btn_tab .txt_tab{ font-size: 20px; color: #6F6F6F; }
.threevip_wp .btn_tab.cur .txt_tab{font-weight: bold; color: #26292D;}
.threevip_wp .btn_tab.cur:after{content: ''; display: inline-block; position: absolute; width: 21px; height: 6px; border-radius:3px; background: #F3C882; bottom: 0; left: 50%; transform: translateX(-50%);}
.threevip_wp .tv_tab .tv_more_tq{position: absolute; right: 0; top: 0;font-size: 14px;color: #8B8B8B;}
.threevip_wp .tv_tab .tv_more_tq:hover{color:#FF1E32;}


.threevip_wp .tv_cont{text-align: center;}
.threevip_wp .tv_list{font-size: 0;line-height: 0;text-align: center;margin: 0 52px;}
.threevip_wp .tv_list li{display: inline-block;vertical-align: top;position: relative;width: 25%;margin-bottom: 35px;}
.threevip_wp .tv_list .tq_cont{position: relative;}
.threevip_wp .tv_list .tq_cont a{color:#000;}
.threevip_wp .tv_list .tq_cont a:hover{color:#FF1E32;}
.threevip_wp .tv_list .ic_tq{position: relative;display: block;margin: 0 auto;width: 95px;height: 95px;}
.threevip_wp .tv_list .ic_tq:before{content: "";position: absolute;top: 50%;left: 50%;width: 95px;height: 95px;margin: -47px 0 0 -47px;}
.threevip_wp .tv_list .txt_tq{font-size: 16px;color: #9A5616;line-height: 28px;margin-top: 15px;}
.threevip_wp .super .tv_list .txt_tq{font-size: 16px;color: #000;line-height: 28px;margin-top: 15px;}
.threevip_wp .tv_list .txt_brief{font-size: 14px;line-height: 24px;color: #8b8b8b;}
.threevip_wp .tv_list .txt_brief a{color: #8b8b8b;text-decoration:underline;}
.threevip_wp .btn_tv{width: 290px;font-size: 20px;line-height: 62px;border-radius: 62px; overflow: hidden;position: relative;}
.threevip_wp .btn_tv em{display: inline-block;color: #fbdd80;font-size: 14px;position: relative;padding-right: 18px;margin-right: 18px;}
.threevip_wp .btn_tv em:after{content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 20px;margin-top: -10px;background: #fc6d79;}
.threevip_wp .btn_tv .price{font-size: 20px;}
.threevip_wp .btn_tv .num{font-size: 22px;position: relative;top: 1px;}
.threevip_wp .btn_tv:after {
  position: absolute;
  left: 0%;
  top: 5%;
  display: block;
  width: 150px;
  height: 50px;
  background-image: linear-gradient(0deg, rgba(0,0,0,0), rgba(255,255,255,0.4), rgba(0,0,0,0));
  content: "";
  transform: rotate(45deg);
  animation: buttonlight 6s .1s both infinite;
}
@keyframes buttonlight{
  0%{left: -50%;}
  20%{left: 120%;opacity: 1;}
  41%{left: 120%;opacity: 0;}
  42%{left: -50%;opacity: 0;}
  43%{left: -50%;opacity: 1;}
  80%,100%{left: 120%;opacity: 1;}
}

.threevip_wp .tv_list li.big{width: 50%;}
.threevip_wp .big .tq_cont{position: relative;width: 323px;height: 153px;border: 1px solid #fbdc88;margin: 0 auto;border-radius: 10px;overflow: hidden;}
.threevip_wp .big .tq_icon{position: absolute;top: 0;left: 0;width: 123px;height: 132px;background: #FEE3A2;background: linear-gradient(133deg, #F1C37B  0%,#FEE3A2 100%);padding-top: 21px;}
.threevip_wp .big .tq_info{padding-left: 143px;text-align: left;padding-top: 8px;padding-right: 20px;}
.threevip_wp .super .big .txt_big{font-size: 24px;color: #000;line-height: 52px;}
.threevip_wp .big .txt_big{font-size: 24px;color: #f7bd30;line-height: 52px;}
.threevip_wp .big .ic_tq{background: none;width: 68px;height: 68px;}
.threevip_wp .big .txt_tq{font-size: 16px;}
.threevip_wp .tq_iconarr{width:35px; padding:5px 15px 15px 5px;font-size: 14px;line-height: 1.2;border-radius: 0 0 65px 0;;background-color: #FD4C57;color:#fff;text-align: center;position:absolute;left:0px;top:0px;
}

.threevip_wp .tv_list .ic_tqmod{position: relative;display: block;margin: 0 auto;width: 95px;height: 95px;}
.threevip_wp .tv_list .ic_tqmod img,.threevip_wp .big .ic_tqmod img{display: block;width: 100%;height: 100%;}
.threevip_wp .big .ic_tqmod{width: 68px;height: 68px;}

.threevip_wp .tv_box .ic_tq{ transition: all .3s;}
.threevip_wp .tv_box .ic_tq:hover { transition: all .3s; transform: translateY(-6px);}

.threevip_wp .tv_box.super  .ic_tq{background-size: 95px 95px;}
.threevip_wp .tv_box.super .big .ic_tq{ background-image: none;}

.threevip_wp .tv_box.super .ic_tq:before{background-size: contain; background-position: center; border-radius: 50%;}

.threevip_wp .tv_box.super .ic_tq{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/other/background.png');
}

/* 超级通道 */
.threevip_wp .tv_box.super .superspeed .ic_tq:before{background-image: url(../../vip-power/icon/cj/super-channel.png);}
.threevip_wp .tv_box.super .goldall .ic_tq:before{background-size: auto; background-position: -115px -428px;}
.threevip_wp .tv_box.super .kuan .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/cj/broadband-speed-up.png');}
.threevip_wp .tv_box.super .teamdownload .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/cj/group-download.png');}
.threevip_wp .tv_box.super .privatespace .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/cj/private-space.png');}
.threevip_wp .tv_box.super .discount .ic_tq:before{background-size: auto; background-position: -575px -428px;}
.threevip_wp .tv_box.super .giftpackage .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/cj/level-package.png');}
.threevip_wp .tv_box.super .birthday .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/cj/brithday-package.png');}
.threevip_wp .tv_box.super .ypqhgsll .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/780495fcc57f0d6e060a8ef0180831d4.png');}
/* 高清云播 */
.threevip_wp .tv_box.super .hdhz .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/514881797692dfb1a37876fc89f679a5.png');}
/* 智能去黑边 */
.threevip_wp .tv_box.super .znqhb .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/438781c9bf7d7d1cc03b5dcbaa28ff5f.png');}
/* HDR绮丽视界 */
.threevip_wp .tv_box.super .hdrqlsj .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/b3fec7c53b9a1fdce072718648362536.png');}
/* 超级保险箱 */
.threevip_wp .tv_box.super .safebox .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/1fcf7eff1f98a673ff4e37af85f29b9d.png');}
/* 在线解压 */
.threevip_wp .tv_box.super .onlinedecompression .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/cj/online-decompression.png');}
/* 极速云播 */
.threevip_wp .tv_box.super .yunplay .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/cj/topspeed-cloud-play.png');}
/* 云盘空间 */
.threevip_wp .tv_box.super .yuncloud .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/img/banner/202411131545565038.png');}
/* 优先下载 */
.threevip_wp .tv_box.super .taskpriority .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/cj/task-priority.png');}

/* 8折充值优惠 */
.threevip_wp .tv_box.super .czyh .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/cj/8discount.png');}

/* 每月豪华礼包 */
.threevip_wp .tv_box.super .luxurypackage .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/cj/luxury-package.png');}

.threevip_wp .tv_box.vip .ic_tq{background-size: 95px 95px;}
.threevip_wp .tv_box.vip .big .ic_tq{ background-image: none;}
.threevip_wp .tv_box.vip .ic_tq:before{background-size: contain; background-position: center; border-radius: 50%;}

.threevip_wp .tv_box.vip .ic_tq{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/other/background.png');}
.threevip_wp .tv_box.vip .speed .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/speed.png');}
.threevip_wp .tv_box.vip .teamdownload .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/group-download.png');}
.threevip_wp .tv_box.vip .privatespace .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/private-space.png');}
.threevip_wp .tv_box.vip .speedplay .ic_tq:before{ background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/play-speed.png');}
.threevip_wp .tv_box.vip .playmap .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/play-curve.png');}
.threevip_wp .tv_box.vip .birthday .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/brithday-package.png');}
.threevip_wp .tv_box.vip .ypqhgsll .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/575864d4f44facff87c4a31a57a8d627.png');}
/* 云添加次数 */
.threevip_wp .tv_box.vip .ytjcs .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/5033fc0f11df48cf339c5d77aa3f87b9.png');}
/* 会员去广告 */
.threevip_wp .tv_box.vip .hyqgg .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/20f9c2d81b45050e1eee3270eb0714c5.png');}
/* 云盘回收站 */
.threevip_wp .tv_box.vip .Recycle .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/98d38a14ff79f72ba2d595fb929e9091.png');}
/* 下载加速 */
.threevip_wp .tv_box.vip .downloadspeed .ic_tq:before{background-image: url(../../vip-power/icon/bj/speedup.png);}
/* 云盘空间 */
.threevip_wp .tv_box.vip .yuncloud .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/cloud-space-3T.png');}
/* 极速云播 */
.threevip_wp .tv_box.vip .yunplay .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/1b29100a1ffc3f3fbada3d0450158e61.png');}
/* 在线解压 */
.threevip_wp .tv_box.vip .onlinedecompression .ic_tq:before{background-image: url('https://xluser-ssl.xunlei.com/v1/file/icon/privilege/9c6637535de7b948da0331891c50167f.png');}
/* 私人空间 */
.threevip_wp .tv_box.vip .privatezone .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/private-space.png');}
/* 播放曲线图 */
.threevip_wp .tv_box.vip .playgraph .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/play-curve.png');}
/* 音效特权 */
.threevip_wp .tv_box.vip .soundprivilege .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/sound-effect.png');}

/* 8折充值优惠 */
.threevip_wp .tv_box.vip .czyh .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/8discount.png');}

/* 每月豪华礼包 */
.threevip_wp .tv_box.vip .luxurypackage .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/luxury-package.png');}



/*免费观影取消了 是成长加速*/
.threevip_wp .tv_box.vip .freemovie .ic_tq:before{background-size: auto; background-position: -575px -540px;}
.threevip_wp .tv_box.vip .upgradespeed .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/upgrade-speed.png');}


.threevip_wp .tv_box.vip .giftpackage .ic_tq:before{background-image: url('https://img-vip-ssl.a.88cdn.com/vip-power/content/bj/level-package.png');}

.threevip_wp .kn .big .tq_cont{border-color: #afe1fd;}
.threevip_wp .kn .big .tq_icon{background: #c2e8fe;background: linear-gradient(133deg, #abdffd 0%,#daf1ff 100%);}
.threevip_wp .kn .big .txt_big{color: #008aff;}
.threevip_wp .tv_box.kn .ic_tq{background-position: -690px -770px;}
.threevip_wp .tv_box.kn .speedup .ic_tq:before{background-position: 0 -655px;}
.threevip_wp .tv_box.kn .speed .ic_tq:before{background-position: -115px -655px;}
.threevip_wp .tv_box.kn .fast .ic_tq:before{background-position: -230px -655px;}
.threevip_wp .tv_box.kn .speed2 .ic_tq:before{background-position: -345px -655px;}
.threevip_wp .tv_box.kn .speedup2 .ic_tq:before{background-position: -460px -655px;}
.threevip_wp .tv_box.kn .high .ic_tq:before{background-position: -575px -655px;}
.threevip_wp .tv_box.kn .quick .ic_tq:before{background-position: -690px -655px;}
/*三大会员 end*/


/*产品推荐*/
.product_wp{margin-top: 70px;position: relative;}
.product_wp .pt_left{font-size: 0;line-height: 0;text-align: center;width: 74.5%;height: 330px;background: #fff;box-shadow: 0 4px 16px rgba(211,217,228,.4);border-radius: 10px;}
.product_wp .pt_right{position: absolute;top: 0;right: 0;width: 23.75%;height: 330px;background: #fff;box-shadow: 0 4px 16px rgba(211,217,228,.4);border-radius: 10px;}
.product_wp .pt_item{padding-top: 33px;position: relative;display: inline-block;vertical-align: top;width: 33.33%;text-align: center;}
.product_wp .pt_item+.pt_item:before{content: "";position: absolute;bottom: 0;left: 0;height: 240px;border-left: 1px dashed #d9ddec;}
.product_wp .pt_right .pt_item{width: 100%;}
.product_wp .txt_pt{font-size: 14px;line-height: 27px;color: #8b8b8b;}
.product_wp .txt_pt em{display: block;font-size: 20px;line-height: 33px;color: #000;}
.product_wp .ic_box{position: relative;height: 140px;margin-top: 1px;}
.product_wp .ic_box:before{content: "";position: absolute;top: 50%;left: 50%;transition: transform .3s;-webkit-transition: transform .3s;}
.product_wp .xlx .ic_box:before{background-position: 0 -770px;width: 101px;height: 95px;margin: -47px 0 0 -51px;}
.product_wp .xl11 .ic_box:before{background:url('../img-y16/index2018/logo-xl11.png');width: 90px;height: 90px;background-size: 100%; margin: -47px 0 0 -51px;}
.product_wp .xmp .ic_box:before{background-position: -115px -770px;width: 91px;height: 91px;margin: -45px 0 0 -45px;}
.product_wp .xlu .ic_box:before{background-position: -230px -770px;width: 102px;height: 95px;margin: -47px 0 0 -51px;}
.product_wp .wky .ic_box:before{background-position: -359px -878px;width: 109px;height: 72px;margin: -38px 0 0 -54px;}
/* .product_wp .xlphone .ic_box:before{background-position: -230px -770px;width: 102px;height: 95px;margin: -47px 0 0 -51px;} */
.product_wp .xlphone .ic_box:before{background:url('../img-y16/index2018/logo-sl.png');width: 90px;height: 90px;background-size: 100%; margin: -47px 0 0 -51px;}
.product_wp .more .ic_box:before{background-position: -345px -770px;width: 90px;height: 90px;margin: -45px 0 0 -45px;}
.product_wp .btn_pt{margin-top: 15px;width: 140px;font-size: 16px;line-height: 40px;border-radius: 40px;position:relative;}
.product_wp .pt_item:hover .ic_box:before{transform: translate(0,-5px);-webkit-transform: translate(0,-5px);}
.product_wp .btn_pt:hover .showcode{ display:block; }
.product_wp .showcode{display: none ;padding: 5px 0;position:absolute;left:-20px;top:-176px;font-size: 16px;color:#000000;;border:1px #DADDE5 solid;width:170px; height:160px;background-color: #fff;border-radius:10px; }
.product_wp .showcode img{display:block; margin: 0 auto; }


/*产品推荐 end*/

/*自适应*/
@media screen and (max-width: 1216px) {
  .threevip_wp .btn_tv {top: -30px;}
}
@media screen and (max-width: 1200px) {
    body{min-width: 1200px;}
    /* .modwp{width: 1100px; } */
    .themebg_wp{height: 820px;}
    .new_carousel{height: 495px;}
    .new_carousel ul{height: 134%;}
    .new_carousel .img_wp img{width: 1100px;height: auto;margin-left: -550px;}
    .new_user_wp .uf_item .txt_item{font-size: 18px;}
    .threevip_wp .tv_list{margin: 0 40px;}
    .threevip_wp .tv_list .txt_brief { padding: 0 1px;}
    .threevip_wp .btn_tv {top: -30px;}
    
}

@media screen and (max-width: 1100px) {
    body{min-width: 1000px;}
    /* .modwp{width: 1000px;} */
    .themebg_wp{height: 744px;}
    .new_carousel{height: 450px;}
    .new_carousel .img_wp img{width: 1000px;height: auto;margin-left: -500px;}
    .new_user_wp .uf_item .txt_item{font-size: 16px;}
    .new_user_wp .uf_auction .txt_ufa{font-size: 14px;}
    .new_user_wp .txt_tag{width: 60px;height: 60px;line-height: 17px;}
    /* .new_user_wp .txt_tag span{padding-left: 6px;} */
    .new_user_wp .uf_auction .txt_time{font-size: 16px;line-height: 24px;}
    .threevip_wp .tv_list{margin: 0 30px;}
    .threevip_wp .tv_list .txt_brief { padding: 0;}
    .threevip_wp .btn_tv {top: -15px;}
    .threevip_wp .big .tq_cont{width: 300px;}
    .threevip_wp .big .tq_info{padding-left: 139px;padding-right: 18px;}
    .vip-footer .mapin .fuwu{padding-right: 180px;}
    
}

@media screen and (max-width: 1000px) {
    body{min-width: 900px;}
    /* .modwp{width: 900px;} */
    .themebg_wp{height: 668px;}
    .new_carousel{height: 405px;}
    .new_carousel .img_wp img{width: 900px;height: auto;margin-left: -450px;}
    /* .new_user_wp .user_card{width: 260px;} */
    .new_user_wp .ui_name .name{max-width: 90px;}
    .new_user_wp .ui_hd{padding-left: 30px;}
    /* .new_user_wp .uf_cont{margin-left: 260px;} */
    .new_user_wp .uf_item .txt_item{font-size: 15px;}
    .new_user_wp .uf_item .txt_sub{font-size: 14px;}
    .new_user_wp .uf_auction .txt_ufa{font-size: 13px;}
    .new_user_wp .txt_tag{line-height: 16px;width: 60px;height: 60px;}
    .new_user_wp .uf_auction .txt_time{font-size: 14px;line-height: 24px;width: 34px;}
    .threevip_wp{padding-left: 0px;}
    .threevip_wp .tv_list{margin: 0 20px;}
    .threevip_wp .btn_tv {top: 0;}
    .threevip_wp .tv_list .txt_brief{font-size: 12px;}
    .threevip_wp .big .tq_cont{width: 280px;}
    .threevip_wp .big .tq_info{padding-right: 16px;}
    .vip-footer .mapin .fuwu{padding-right: 150px;}

}