/* 公众样式 */
@charset "utf-8";
{ font-family: myFont; src: url('/new/Images/a3/MYRIADPRO-BOLDCOND.OTF') }
div,body,ul,li,a{ font-family: 'myFont',"Arial"; }
*{ margin:0; padding:0;}
body{ width:100%; margin:0px auto; color: #000000;}
ul,li,dt,dd,dl{list-style:none ; }
img{border:none; width: 100%; max-width: 100%; }
p{ font-size:16px;}
a{ text-decoration: none; }

/* 主体样式 */

.AdvBanner .sec-1{ position: relative; text-align: center;}
.AdvBanner .sec-1 .pt{ position: absolute; top: 28%; left: calc(68% - 250px); width: 500px; }
.AdvBanner .sec-1 .pt img{ width: inherit; max-width: 60%; margin-top: -4px;}
.AdvBanner .sec-1 .big{ font-size: 50px; font-weight: bolder; line-height: 50px;margin: 6% auto; }
.AdvBanner .sec-1 .middle{ font-size: 26px; font-weight: bolder; line-height: 26px;  }
.AdvBanner .sec-1 .box{ margin-top: 6%; }
.AdvBanner .sec-1 a{ display: inline-block; color: #000000; font-size: 20px; width: 216px; height: 40px; line-height: 40px; border: 3px solid #000000; border-radius: 30px; }
.AdvBanner .sec-1 a:hover{ background-color: #ff0000; color: #ffffff; border: 3px solid #ff0000;}
.AdvBanner .sec-1 a.r{ width: 200px; margin-left: 2%; }
.AdvBanner .sec-1 a div{ display: inline-block; vertical-align: middle; }
.AdvBanner .sec-2{ position: relative; }
.AdvBanner .sec-2 table{  width: 100%; text-align: center; padding: 100px 0px 250px 0px; }
.AdvBanner .sec-2 table td{ font-size: 20px; padding: 20px 0px; }
.AdvBanner .sec-2 table td.l{ text-align: right; width: 30%; }
.AdvBanner .sec-2 table td.r{ text-align: left; width: 30%; }
.AdvBanner .sec-2 table .blue{ background-color: #e4f2ff; }
.AdvBanner .sec-2 img{ width: auto; position: absolute;max-width:  15%; }
.AdvBanner .sec-2 img.imgl{ top: 11%; left: 31%; }
.AdvBanner .sec-2 img.imgr{ top: 11%; left: 54%; }
.AdvBanner .sec-3{ position: relative; }
.AdvBanner .sec-3 .pt{ position: absolute; top: 10%; left: 16%; width: 38%; }
.AdvBanner .sec-3 .pt .bigSize{ font-size: 30px; font-weight: bolder; line-height: 36px; }
.AdvBanner .sec-3 .pt .middleSize{ font-size: 20px; line-height: 24px; margin-top: 4%; }
.AdvBanner .sec-4{ position: relative; }
.AdvBanner .sec-4 .pt{ position: absolute; top: 12%; left: 38%; width: 38%; }
.AdvBanner .sec-4 .pt .bigSize{ font-size: 30px; font-weight: bolder; line-height: 36px; }
.AdvBanner .sec-4 .pt .middleSize{ font-size: 20px; line-height: 24px; margin-top: 4%; }
.AdvBanner .sec-4 .pt .totop{ margin-top: 2%; }
.AdvBanner .sec-5{ position: relative; }
.AdvBanner .sec-5 .pt{ position: absolute; top: 10%; left: 18%; width: 64%; }
.AdvBanner .sec-5 .pt .bigSize{ font-size: 30px; font-weight: bolder; line-height: 36px; }
.AdvBanner .sec-5 .pt .middleSize{ font-size: 20px; line-height: 24px; margin-top: 3%; margin-bottom: 6%; }
.AdvBanner .sec-5 .pt ul{ overflow: hidden; }
.AdvBanner .sec-5 .pt ul li{ width: 33%; float: left; text-align: center; vertical-align: bottom;}
.AdvBanner .sec-5 .pt ul li div{ vertical-align: bottom; }
.AdvBanner .sec-5 .pt ul li .b{ margin: 2%; font-size: 20px; font-weight: bolder; }
.AdvBanner .sec-5 .pt ul li .m{ font-size: 20px; }
.AdvBanner .sec-5 .pt ul li img{ max-width: 20%; }
.AdvBanner .sec-5 .pt ul li img.img{ max-width: 10%; }
.AdvBanner .sec-6{ height: 600px; width: 800px !important; margin: 20px auto; }
.AdvBanner .sec-7{ background-color: #e4f2ff;padding-top:50px; }
.AdvBanner .sec-7 ul{ overflow: hidden; width: 80%; margin: 2% auto 1% auto; padding-top: 20px; padding-bottom: 40px; }
.AdvBanner .sec-7 ul li{ width: calc(50% - 80px); padding: 40px; float: left; position: relative; }
.AdvBanner .sec-7 ul li .pt{ position: absolute; bottom: 11%; left: 8%; }
.AdvBanner .sec-7 ul li .b{ font-size: 20px; font-weight: bolder; margin-bottom: 4%; }
.AdvBanner .sec-7 ul li .m{ font-size: 20px; margin-top: 2%;}
.AdvBanner .sec-7 ul li .t{ margin-top: 9%; }
.AdvBanner .sec-7 ul li a.lo{ padding: 5px 10px; position: absolute; right: 8%; color: #ffffff; bottom: 16%; background-color: #ff0000; border-radius: 10px; }

.AdvBanner .sec-7 h3{ text-align: center; font-size: 46px; font-weight: bolder;color: #88b3ed;  background: url(/new/Images/a3pro_activity/bj.png) no-repeat center center;  }
@media screen and (max-width:1700px){
	.AdvBanner .sec-7 ul li .b{ font-size: 16px; }
	.AdvBanner .sec-7 ul li .m{ font-size: 16px; }
}
@media screen and (max-width:1500px){
	
}

/* 轮播图样式 */
.hd{position:absolute; left:50%; bottom:60px;-webkit-transform: translate(-50%,-50%);-moz-transition:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.hd ul{overflow:hidden; display:inline-block; margin:auto;}
.hd li{float:left; height:4px; width:60px; margin:0px 10px; background:#7D7D7D; overflow:hidden; text-indent:-999px; cursor:pointer;}
.hd li.on{background:#0FD2FA;}
	
.banner-btn{width:100%; position:absolute; top:40%;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.banner-btn a.prev{left:5%;background:url(/new/Images/slider-arrow.png) no-repeat 0 0;} 
.banner-btn a.next{right:5%;background:url(/new/Images/slider-arrow.png) no-repeat -49px 0;} 
/* 评论样式 */
.main.a1pro.activity .sec-acc .container{ width: 90%; border: 0px solid #ffffff; }
.main.a1pro.activity .sec-1 .txt_box .time_box{ margin:20px auto; text-align:center;}
.main.a1pro.activity .sec-1 .txt_box .time_box span{ font-size:24px; line-height:1.2; font-weight:900; color:#FFF;}
.main.a1pro.activity .sec-1 .txt_box .time_box p{ font-size:18px; line-height:1.2; color:#FFF;}
.main.a1pro.activity .sec-1 .txt_box .time_box .time-item{ margin:10px auto 0px;}
.main.a1pro.activity .sec-1 .txt_box .time_box .time-item .num span{background:url(/new/Images/s2/time_num_bg.png) no-repeat center center; font-size:48px; line-height:1.2; padding:0px 5px;}
.main.a1pro.activity .sec-1 .txt_box .time_box .time-item .num span s{ text-decoration:none; letter-spacing:10px; margin-left:10px;}
.main.a1pro.activity .sec-1 .txt_box .time_box .time-item .unit span{padding:0px 10px;}
.main.a1pro.activity .sec-1 .txt_box .learnmore{background:#EF0038; width:150px; text-align:center; color:#FFF; font-size:22px; line-height:45px; height:45px; margin:auto;}
.main.a1pro.activity .sec-acc{background:#ffffff; overflow:hidden;}
.main.a1pro.activity .sec-acc .container{ padding-top:40px; margin:40px auto 100px; }
.main.a1pro.activity .sec-acc .vote_box .review_tit{margin:auto; margin-bottom:20px; text-align:center;}
.main.a1pro.activity .sec-acc .vote_box .review_tit h1{ margin:0; padding:0; margin-bottom:20px;}
.main.a1pro.activity .sec-acc .vote_box .review_tit h1 *{vertical-align:middle; display:inline-block;}
.main.a1pro.activity .sec-acc .vote_box .review_tit h1 span{ font-size:42px; line-height:45px;color:#EF0038; font-weight:900;}
.main.a1pro.activity .sec-acc .vote_box .review_tit h1 img{ width:40px; margin-right:10px;}
.main.a1pro.activity .sec-acc .vote_box .review_tit span{ font-size:26px;}
.main.a1pro.activity .sec-acc .vote_box .review_tit p{ font-size:20px; margin-top:20px;}
.main.a1pro.activity .sec-acc .vote_box .z1-logo{ width:205px; margin:auto; margin-bottom:40px;}
.main.a1pro.activity .sec-acc .vote_box .rules{ width:910px; margin:20px auto; font-size:16px; line-height:25px;}
.main.a1pro.activity .sec-acc .vote_box .rules i{color:#EF0038;}
.main.a1pro.activity .sec-acc .vote_box .rules.box{ width:870px; border:1px solid #999; padding:20px;}
.main.a1pro.activity .sec-acc .vote_box .rules.box .media{ margin:20px auto; text-align:center;}
.main.a1pro.activity .sec-acc .vote_box .rules.box .media a{ margin:auto 20px;}
.main.a1pro.activity .sec-acc .vote_box .rules.box img{ width:auto; max-width:none;}
.main.a1pro.activity .sec-acc .vote_box .rules.box p{ line-height:1.5;}
.main.a1pro.activity .Subscriptionform{width:375px; height:40px; color:#FFF; text-align:center; margin:auto;}
.main.a1pro.activity .Subscriptionform .email{ float:left;width:240px; height:40px; box-sizing:border-box; line-height:40px; outline:none; padding-left:10px;}
.main.a1pro.activity .Subscriptionform .sub_btn{ float:right; width:120px; height:40px; line-height:40px; font-size:18px;color:#FFF; cursor:pointer; background:#EF0038;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.main.a1pro.activity .sec-acc .tips{ text-align:center; margin-top:20px;}
.main.a1pro.activity .sec-acc hr{ border:dotted 1px #333; width:375px; margin:30px auto;}
.main.a1pro.activity .sec-acc .vote_box .params{}
.main.a1pro.activity .sec-acc .vote_box .params ul{ width:940px; margin:40px auto;}
.main.a1pro.activity .sec-acc .vote_box .params li{ width:136px; margin:10px 49px; min-height:inherit; float:left; box-sizing:border-box;}
.main.a1pro.activity .sec-acc .vote_box .params li img{ display:block; cursor:pointer;}

.main.a1pro.activity .sec-acc .comment{ position:relative; overflow:hidden;}
.main.a1pro.activity .sec-acc .comment .comment-title{position:absolute; top:0px; right:10px; width:110px;z-index: 20;}
.main.a1pro.activity .sec-acc .comment .comment-wrapper{}
.main.a1pro.activity .sec-acc .comment .comment_list{z-index: 1;margin: 0;font-size: 14px;overflow: hidden; }
.main.a1pro.activity .sec-acc .comment .comment_list li{ font-size:16px; line-height:28px; color:#FFF;border-bottom: 1px solid #EF0038}
.main.a1pro.activity .sec-acc .comment .comment_list li img{ width:120px; margin-right:5px;}
.main.a1pro.activity .sec-acc .comment .comment_list li .name{ color:#FFF; padding-right:10px;}
.main.a1pro.activity  .comment_list li.comment .cbox .ef span{color: #ef0038; margin-right:15px;}
.main.a1pro.activity .sec-acc .comment .c-box{position: relative;margin:20px 30px; overflow:hidden;}
.main.a1pro.activity .sec-acc .comment .comment-form{}
.main.a1pro.activity .sec-acc .comment .comment-form .txtcomment{ height:150px;margin:20px 2%; padding:10px; width:96%;border: 1px solid #e0e0e0; box-sizing:border-box;border-radius: 5px;vertical-align: top;font-size: 14px; overflow-y:scroll;}
.main.a1pro.activity .sec-acc .comment textarea.txtcomment{ display:none !important;}
.main.a1pro.activity .sec-acc .comment .com_divbox{ background:#FFF;}
.main.a1pro.activity .sec-acc .comment .comment-form .txtcomment img{ max-width:160px; margin-right:10px;}
.main.a1pro.activity .sec-acc .comment .comment-form .btn-submit{float: right;width:160px;height: 38px; line-height:38px; text-align:center;border-radius: 5px;font-size:16px;background-color:#D01937;color:#FFF; cursor:pointer;}
.main.a1pro.activity .sec-acc .comment .comment-form .btn-submit.disabled{background-color:#e5e5e5;border-color:#e5e5e5;color: #fff;cursor: default;}
.main.a1pro.activity .sec-acc .comment .share_box{float:right; width:180px; background:url(/new/Images/share_logo.png) no-repeat 0px 0px; background-size:100%; margin:12px auto; margin-right:10px;}
.main.a1pro.activity .sec-acc .comment .share_box a{ display:block; float:left; width:20px; height:25px; margin:0px 5px;}
.main.a1pro.activity .sec-acc .comment .com_btn{float:right; width:140px; height:32px; line-height:32px; font-size:18px; cursor:pointer;background:#F00; text-align:center;margin:11px auto; color:#FFF; -webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px; -o-border-radius:3px;border-radius:3px;}
.main.a1pro.activity .sec-acc .comment .op-box span.shareto{ color:#000;}
.main.a1pro.activity .sec-acc .comment .op-box{ margin:10px 2% 0px;}
.comment_list .page span{}
.layerVoteBox{ position:absolute; width:1270px; height:800px; background:#FFF url(/new/Images/s2/vote_box_bg.jpg) no-repeat center center; background-size:cover; z-index:999;}
.layerVoteBox .close{position: absolute; bottom:11%;right:20%;font-size: 12px;color: #C2C2C2;width: 20%;height: 25px;cursor: pointer;}
.layerVoteBox .Subscriptionform{ position:absolute; top:430px; right:185px; width:425px;}
.layerVoteBox .Subscriptionform .email{ width:425px; height:50px; line-height:50px; background:none; border:0; color:#8c8c8c;}
.layerVoteBox .Subscriptionform .sub_btn{ width:425px; height:50px; margin-top:20px; cursor:pointer;}
.layerSuccessBox{ position:absolute; width:735px; height:505px; z-index:999;}
.layerSuccessBox .close{position: absolute; bottom:6.5%;left:50%; margin-left:-25px;font-size: 12px;color: #C2C2C2;width: 50px;height: 50px;text-align: center;cursor: pointer;}