@charset "utf-8";

/* CSS Document */



.AdvBanner .container .bottom{ bottom:100px; left:50%; width:1000px; margin-left:-500px;}

.main .AdvBanner .container .bottom h1{ font-size:48px; font-weight:400; line-height:45px;}

.main .AdvBanner .container .bottom span{ font-size:28px; font-weight:400;line-height:30px;}

.main .AdvBanner .container .bottom p{ font-size:18px; line-height:25px; margin-top:40px;}

.AdvBanner .container .right{ left:50%; width:550px; top:100px;}

.AdvBanner .container .right h1{ font-size:48px; font-weight:400; line-height:45px; margin-bottom:10px;}

.AdvBanner .container .right span{ font-size:28px; font-weight:400; line-height:30px;}

.AdvBanner .container .right p{ font-size:18px; line-height:25px; margin-top:40px;}

.main.a1pro .link-block span{ display:inline-block;}



/**UMI A1 Pro activity**/

.main.a1pro.activity .sec-1 .txt_box{ left:15.666%; top:42%; width:33%;}

.main.a1pro.activity .sec-1 .price {margin:20px auto;background:#FFF; width:240px; overflow:hidden;border:1px solid #fff;}

.main.a1pro.activity .sec-1 .price i{ width:50%; float:left; text-align:center; display:block; line-height:38px; height:38px;}

.main.a1pro.activity .sec-1 .price i.n{color: #EF0038;font-size:28px;font-weight: 900;font-style: normal;}

.main.a1pro.activity .sec-1 .price i.o{width:50%;font-size:18px;text-decoration:line-through;font-style: normal; color:#fff; background:#1DB7F5;}

.main.a1pro.activity .sec-1 .Subscriptionform{ width:360px; height:40px; margin-left:0;}

.main.a1pro.activity .sec-1 .Subscriptionform .txt_email{ float:left; height:100%; line-height:1.2; width:65%; border:0;}

.main.a1pro.activity .sec-1 .Subscriptionform .sub_btn{ float:right; height:100%; width:32%; cursor:pointer; background:#FFF600; color:#02a8d8;}

.main.a1pro.activity .sec-1 .buynow{ overflow:hidden;}

.main.a1pro.activity .sec-1 .buynow .content{ margin:10px auto;}

.main.a1pro.activity .sec-1 .buynow .stores li{ text-align:center;}

.main.a1pro.activity .sec-1 .buynow .stores li span{ font-size:24px; color:#FFF; padding-right:20px;}

.main.a1pro.activity .sec-1 .buynow .stores li img{ max-width:120px;}



.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:#F7F7F7; overflow:hidden;}

.main.a1pro.activity .sec-acc .container{ padding-top:40px; margin:40px auto 100px; border:1px solid #EF0038;}

.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;}







/**UMI A1 Pro specification**/

.main.a1pro.spec .container.plus-param{ height:750px;}

.main.a1pro.spec .container.plus-param .left{ left:15px;top:100px; height:605px; width:520px; margin:0px; opacity:0;transition: opacity .5s ease;}

.main.a1pro.spec .container.plus-param .left.block{ opacity:1;}

.main.a1pro.spec .container.plus-param .right{ left:46.875%; width:680px; top:60px;}

.main.a1pro.spec .container.plus-param .right ul{ height:auto; margin:auto; overflow:hidden;}

.main.a1pro.spec .container.plus-param .param li{ width:45%; float:left; padding:20px 0px; height:130px; box-sizing:border-box;}

.main.a1pro.spec .container.plus-param .param li.oddcss{ padding-left:5%;}

.main.a1pro.spec .container.plus-param .param .br{ border-right:solid 1px #CCCCCC;}

.main.a1pro.spec .container.plus-param .param .bb{ border-bottom:solid 1px #CCCCCC;}

.main.a1pro.spec .container.plus-param .param li img{ width:auto;}

.main.a1pro.spec .container.plus-param .param li span{ font-weight:900; font-size:26px;}

.main.a1pro.spec .container.plus-param .param li p{ margin-top:5px;}

.main.a1pro.spec .container.plus-param .right ul.hd{ margin-top:40px;}

.main.a1pro.spec .container.plus-param .hd li{ width:auto; padding:0px 15px; float:left; cursor:pointer;}

.main.a1pro.spec .container.plus-param .hd li.black{background:url(../Images/a1pro/black_btn.png) no-repeat center top;}

.main.a1pro.spec .container.plus-param .hd li.black.active{background:url(../Images/a1pro/black_btn_check.png) no-repeat center top;}

.main.a1pro.spec .container.plus-param .hd li.blue{background:url(../Images/a1pro/blue_btn.png) no-repeat center top;}

.main.a1pro.spec .container.plus-param .hd li.blue.active{background:url(../Images/a1pro/blue_btn_check.png) no-repeat center top;}

.main.a1pro.spec .container.plus-param .hd li.silver{background:url(../Images/a1pro/silver_btn.png) no-repeat center top;}

.main.a1pro.spec .container.plus-param .hd li.silver.active{background:url(../Images/a1pro/silver_btn_check.png) no-repeat center top;}

.main.a1pro.spec .container.plus-param .hd li p{ margin-top:45px;}

.main.a1pro.spec .params .param .half{width: 48%;float: left;padding-right: 2%;}

.main.a1pro.spec .params table.param{}

.main.a1pro.spec .params table.param td{ border-top:solid 1px #CCCCCC; padding:40px 0px;vertical-align:middle;}
.td_top{vertical-align:top !important;}

.main.a1pro.spec .params table.param td *{ max-width:90%; line-height:1.4;}

.main.a1pro.spec .params table.param td h2{ font-size:26px;}

.main.a1pro.spec .params table.param td h3{ font-size:24px; padding:0;}

.main.a1pro.spec .params table.param td p{ font-size:18px; margin:10px 0px;}

.main.a1pro.spec .params table.param td p.tips{ font-size:14px;}

.main.a1pro.spec .params table.param td p+h3{ /*margin-top:40px;*/}

.main.a1pro.spec .params table.param td .bg_pic{ position:relative; padding:40px;}

.main.a1pro.spec .params table.param td .bg_pic img{ max-width:100%; width:528px;}

.main.a1pro.spec .params table.param td .bg_pic p{ position:absolute; top:0; left:0;}



@media screen and (min-width: 1441px) and (max-width: 1760px){

.main.a1pro.activity .sec-1 .price{ margin:auto; margin-bottom:10px; font-size:46px;}

.main.a1pro.activity .sec-1 .price i{ font-size:28px;}

.main.a1pro.activity .sec-1 .txt_box .time_box .time-item .num span{ font-size:32px;}

.main.a1pro.activity .sec-1 .txt_box .learnmore{ height:38px; line-height:38px;}

}

@media screen and (max-width: 1440px){

.main.a1pro.activity .sec-1 .price{ margin:auto; margin-bottom:10px; font-size:46px;}

.main.a1pro.activity .sec-1 .price i{ font-size:28px;}

.main.a1pro.activity .sec-1 .txt_box .time_box .time-item .num span{ font-size:32px;}

.main.a1pro.activity .sec-1 .buynow .stores li img{ width:100px;}

.main.a1pro.activity .sec-1 .txt_box .learnmore{ height:38px; line-height:38px;}

.layerVoteBox{width:960px; height:605px;}

.layerVoteBox .Subscriptionform{top:324px; right:135px; width:330px;}

.layerVoteBox .Subscriptionform .email{ width:330px; height:40px; line-height:40px;}

.layerVoteBox .Subscriptionform .sub_btn{ width:330px; height:40px; margin-top:15px;}

.layerSuccessBox{ width:700px; height:480px; z-index:999;}

}