/*
@author: sunke
*/
@charset "utf-8";
body{font:14px/1.5 \5FAE\8F6F\96C5\9ED1,\9ED1\4F53,arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333; min-width: 1100px; background:#8442fe;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.pr{ position:relative;}
.abs{position:absolute;}
.topHeader-wrap{ width:100%; background:#fff;}
.title01{ width:448px; height:70px; line-height:70px; text-align:center; font-size:36px; color:#ffde00; font-weight:bold; background:url("/images/zhuanti/viphuawei/tit01.png") no-repeat; margin:0 auto;}
.title01.t1{ margin-top:-30px;}
.title02{ height:86px; line-height:76px; text-align:center; font-size:32px; color:#fff; padding-bottom:7px; margin:0 auto;}

/**/
.header-wrap{ width:100%; height:535px; background:url("/images/zhuanti/viphuawei/header.jpg") no-repeat center top;}

/**/
.activities-mod{ border-radius:10px; padding-bottom:36px; background:url("/images/zhuanti/viphuawei/bg01.png") no-repeat right 425px #fff; margin-bottom:50px;}
.activities-mod .huawei{ padding:38px 0 0 43px;}
.activities-mod .rule{ padding:39px 0 0 75px;}
.activities-mod .rule h4{ display:inline-block; width:110px; height:30px; line-height:30px; font-size:16px; color:#fff; text-align:center; background:#848aff; border-radius:4px; margin-bottom:10px;}
.activities-mod .rule p{ font-size:16px; line-height:28px; padding-left:10px;}

/**/
.course-mod{ margin-top:30px; margin-bottom:40px;}
.course-mod .tab-tit{ height:58px; text-align:center; background:#57a6ff; border-top-left-radius:10px; border-top-right-radius:10px;}
.course-mod .tab-tit li{ display:inline-block; *display:inline; *zoom:1; width:100px; height:58px; font-size:20px; color:#fff; cursor:pointer; line-height:58px; margin:0 30px; position:relative;}
.course-mod .tab-tit li.current{ color:#ffe537; font-weight:bold;}
.course-mod .tab-tit li.current i{ display:block; width:38px; height:3px; background:#f7e14b; position:absolute; left:50%; margin-left:-19px; bottom:10px;}
.course-mod .tab-con{ display:none; background:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding-bottom:40px;}
.course-mod .tab-con li{ float:left; width:310px; margin:26px 0 0 43px;}
.course-mod .tab-con .name{ height:178px; text-align:center; position:relative; background:url("/images/zhuanti/viphuawei/bg02.jpg") no-repeat;}
.course-mod .tab-con .name i.tags{ height:33px; line-height:33px; font-size:18px; color:#fff; position:absolute; right:0; top:0; z-index:9; border-bottom-left-radius:15px; padding:0 12px 0 14px;background-image:-webkit-linear-gradient(90deg, #71e27f, #2fb3f7); background-image:linear-gradient(90deg,#71e27f,#2fb3f7); background:#4dc9c1\9;}
.course-mod .tab-con .name p{ line-height:178px; font-size:30px; color:#fff; font-weight:bold;}
.course-mod .tab-con .name p.two{ line-height:40px; padding-top:54px;}
.course-mod .tab-con .name p.three{ line-height:38px; padding-top:46px;}
.course-mod .tab-con .name a{ display:block; width:100%; height:178px; line-height:0; font-size:0; position:absolute; left:0; top:0; z-index:2;}
.course-mod .tab-con .more-wrap{ height:48px; line-height:48px; background:#fce7ab;}
.course-mod .tab-con .more-wrap .prcie{ float:left; padding-left:12px; color:#690705;}
.course-mod .tab-con .more-wrap .prcie span{ font-size:16px; color:#f8272c; padding-left:6px;}
.course-mod .tab-con .more-wrap .prcie strong{ color:#f8272c; font-size:24px; vertical-align:-2px}
.course-mod .tab-con .more-wrap .buy-btn{ float:right; display:block; text-decoration:none; width:110px; height:48px; line-height:48px; font-weight:bold; text-align:center; font-size:20px; color:#56100e; background-image:-webkit-linear-gradient(180deg, #ffcc61, #ffb016); background-image:linear-gradient(180deg,#ffcc61,#ffb016); background:#ffb016\9;}
.course-mod .tab-con .more-wrap .buy-btn:hover{opacity:.9;}

/**/
.draw-wrap{ margin-top:50px;}
.draw-wrap .tit01{ font-size:22px; color:#fff; text-align:center; padding-bottom:30px; margin-top:-20px;}
.draw-wrap .tit01 em{ color:#ffde00;}
.draw-mod{ background:#5a14d3; border-radius:10px; padding:30px 30px 30px 60px;}
.draw-mod .explain-con{ width:457px;}
.draw-mod .explain-con .con{ background:#823eff; border-radius:6px; padding:66px 30px 24px;}
.draw-mod .explain-con .con p{ color:#fff; line-height:22px; padding-bottom:2px;}
.draw-mod .explain-con .con .tit{ height:31px; line-height:31px; font-size:16px; font-weight:bold; background:#57a6ff; color:#fff; padding:0 17px 0 21px; position:absolute; left:-1px; top:20px;}
.draw-mod .explain-con .con .tit i{ display:block; width:9px; height:31px; background:url("/images/zhuanti/viphuawei/ico01.png") no-repeat; position:absolute; right:-9px; top:0;}
.draw-mod .explain-con .con.mt{ margin-bottom:20px;}
.winners-list .swiper-container{ height:120px; color:#fff;}
.winners-list .swiper-slide{ float:none; line-height:30px;}
.draw-turntable{ width:506px; height:506px;}
.draw-turntable .turntable-btn{ position: absolute;width:162px;height:162px; top: 50%; left: 50%; margin: -81px 0 0 -81px; background: url(/images/zhuanti/viphuawei/draw-bg2.png) no-repeat; cursor: pointer;}

/**/
.buy-phone-wrap{ padding:50px 0 0;}
.buy-phone{ padding:30px 0 0;}
.buy-phone li{ float:left; width:346px; height:290px; background:#fff; border-radius:8px; margin:0 31px 30px 0;}
.buy-phone li.none{ margin-right:0;}
.buy-phone .pic{ height:166px; background:#eee5ff; border-top-left-radius:8px; border-top-right-radius:8px; text-align:center; padding-top:26px;}
.buy-phone .text{  padding:0 18px 16px 30px;}
.buy-phone .text h4{ line-height:46px; font-size:16px; font-weight:bold;}
.buy-phone .text .clearfix{ padding-top:3px;}
.buy-phone .text h5{ display:block; float:left; height:32px; line-height:32px; font-size:24px; color:#f83c38; font-weight:bold;}
.buy-phone .text h5 i{ font-size:16px;}
.buy-phone .text .buy-btn{ display:block; float:right; width:106px; height:32px; background:#ff5e5b; line-height:32px; text-align:center; font-size:16px; color:#fff; font-weight:bold; border-radius:6px; text-decoration:none;}

.mask{ display:none; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60); position:fixed; left:0; top:0; right:0; bottom:0; z-index:98;}

/**/
.drawResult-pop{ display:none; width:422px; height:245px; background:#fff; border-radius:8px; text-align:center; z-index:99; position:fixed; left:50%; top:50%; margin:-122px 0 0 -211px;}
.drawResult-pop .con{ padding:63px 0 0;}
.drawResult-pop .con p{ min-height:90px; font-size:20px; line-height:30px;}
.drawResult-pop .con p em{ color:#fe0000;}
.drawResult-pop .btn{ display:block; text-decoration:none; width:160px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; background:#848aff; border-radius:50px; margin:0 auto;}
.drawResult-pop .close-btn{ display:block; width:46px; height:46px; background:url("/images/zhuanti/viphuawei/ico02.png") no-repeat; position:absolute; top:-59px; right:-29px;}

/**/
.buyPhone-pop{ display:none; width:422px; height:300px; background:#fff; border-radius:8px; text-align:center; z-index:99; position:fixed; left:50%; top:50%; margin:-150px 0 0 -211px;}
.buyPhone-pop .close-btn{ display:block; width:46px; height:46px; background:url("/images/zhuanti/viphuawei/ico02.png") no-repeat; position:absolute; top:-59px; right:-29px;}
.buyPhone-pop h4{ line-height:34px; font-size:24px; color:#ff9c00; font-weight:bold; margin:36px 0 22px 0;}
.buyPhone-pop h4 img{ vertical-align:-8px; margin-right:11px;}
.buyPhone-pop h5{ font-size:20px; line-height:32px; font-weight:normal;}
.buyPhone-pop p{ line-height:30px; color:#ff9c00; padding:14px 0;}
.buyPhone-pop .buy-btn{display:block; text-decoration:none; width:160px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; background:#ff9c00; border-radius:50px; margin:0 auto;}

/**/
.notQualified-pop{ display:none; width:422px; height:245px; background:#fff; border-radius:8px; text-align:center; z-index:99; position:fixed; left:50%; top:50%; margin:-122px 0 0 -211px;}
.notQualified-pop .con{ padding:63px 0 0;}
.notQualified-pop .con p{ min-height:90px; font-size:20px; line-height:30px;}
.notQualified-pop .con p em{ color:#fe0000;}
.notQualified-pop .btn{ display:block; text-decoration:none; width:160px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; background:#848aff; border-radius:50px; margin:0 auto;}
.notQualified-pop .close-btn{ display:block; width:46px; height:46px; background:url("/images/zhuanti/viphuawei/ico02.png") no-repeat; position:absolute; top:-59px; right:-29px;}