@charset "utf-8";

body{color: #808080;}
p{padding-top: 20px;}
p strong{color: #4d4d4d;}
a{color: #2692ff; text-decoration:none;}
.no_margin{padding: 0;}
img{max-width: 100%;}

h1{font-size: 51px;font-weight: bold;padding: 70px 0 20px;line-height: 51px;}
h1 span{font-size: 31px; font-weight:normal;}
h2{font-size: 31px;padding: 40px 0 10px;color: #000;text-align: center;}
h3{font-size: 21px;color: #4c4c4c;padding: 30px 0 0;}
iframe{margin: 40px auto 0;}
.line{border-bottom: 1px solid #e8e8e8; padding: 15px 0 0; }
.red{color:#f00;}
.blue{color:#0fb4ff;}
.green{color:#78c443;}

.DivSEo {  padding: 10px 0;  background: #000; position: fixed; top: 0; left: 0; width: 100%; display: none; z-index:1000; }
.DivSEo .Logo { width: 140px; float: left; }
.DivSEo ul { display: block; float: right; font-size: 17px; padding: 10px 0 0; }
.DivSEo ul li { float: left;  font-weight: 400; text-align: center; line-height: 35px; padding:0 20px;  }
.DivSEo ul li a { color: #f2f2f2;  text-decoration: none; }
.DivSEo ul li:nth-child(1) {  border-right:1px solid #414547;  }
.DivSEo ul li:nth-child(2) { }
.DivSEo ul li:nth-child(4) { }
.DivSEo ul li:nth-child(5) {  width: 205px;  }
.DivSEo ul li a:hover { color: #00a9ef; }
.DivSEo ul li:nth-child(6) { border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #0095ff; width: 190px;
height: 35px; cursor: pointer;  }
.DivSEo ul li:nth-child(6) a { color: #fff; }
.DivSEo ul li:nth-child(6):hover { background: #49b0fa; color: #fff; }
/* --------------*/
.DivNav { position: fixed; top: 0; width: 100%; height: 80px; background: #2b2d33;z-index: 100; }
.DivNav .Logo { width: 140px; height: 44px; float:left; padding: 15px 0 0;}

.DivNav ul {  float: right; display: block; padding: 23px 0 0; }
.DivNav ul li { padding:0 20px; float: left;  font-size: 19px; color: #babcbd;  }
.DivNav ul li a { color: #babcbd;  text-decoration: none; }
.DivNav ul li:nth-child(1) a{ border-bottom:1px solid #91cd45;}
.DivNav .Download { width: 160px; float: right; height: 40px; z-index: 0; position: relative; overflow: hidden; margin: 18px 0 0; }
.DivNav span {  display: block; width: 160px;  height: 40px; display: block; text-align: center; background: #02acfa;
	color: #fff; float: right;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; line-height: 40px;
	font-size:17px; cursor: pointer; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.DivNav span a {  text-decoration: none; color: #fff; }
.DivNav .shadow:before {  content:""; width:100px; height:50px; display:block; background-color:rgba(255,255,255,.2);
transform:rotate(-70deg); position:absolute; top:0; right:-20%;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out; z-index:10; }
.DivNav .shadow:hover:before { width:200px; height:200px; top: -60px; }
.DivNav .m_nav{ float:right;width: 30px; margin:15px 0 0; border-top: 12px double #737373;padding-bottom: 5px;border-bottom: 4px solid #737373; cursor: pointer;border-spacing:5px; display:none;}
/* --------------*/

.DivMain01 {   background: url(../images/vp-seo/div01-bg01.jpg) repeat-x center; }
.DivMain01 .Details { height: 604px; }
.DivMain01 h1 {  font-size: 36px; color: #fff; text-align: center; padding: 50px 0 30px 120px;  line-height: 40px; background: url(../img/logo.png) 200px 55px no-repeat; }
.DivMain01 h1 i { font-size: 19px; display: block; font-style: normal; font-weight: 400; padding: 0 0 0 0; }
.DivMain01 h1 a { color: #00cafd; text-decoration: underline; }
.DivMain01 .BgBack { width: 100%; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  background: rgba(0,0,0,0.5); padding: 20px 40px; }
.DivMain01 .Left { width: 40%; float: left; padding: 0 0 0 5%;  }
.DivMain01 .Left h2 { color: #fff; font-size: 23px; font-weight: 800;   text-align: left; line-height: 32px; padding: 20px 0; }
.DivMain01 .Left h2 i { display: block; font-weight: 400; font-size: 19px; font-style: normal; }
.DivMain01 .Left h2 i span{color:#fda726;}
.DivMain01 .Left h2 a.fs{color:#fda726; font-size:13px; font-weight:400;}
.DivMain01 .Left ul {  color: #fff; padding: 0 0 20px 0; }
.DivMain01 .Left ul li { padding: 0 0 0 85px; line-height: 80px; }
.DivMain01 .Right { width: 45%; float: right; padding: 50px 0 0;}
.DivMain01 .Right .Input { width: 350px; margin: 0 auto; }
.DivMain01 .Right input { width: 315px; height: 45px; line-height: 45px; padding: 0 20px; background: #fff; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px;
 -webkit-border-radius: 5px; border: none;  }
.DivMain01 .Right h6 { color: #f30; font-size: 13px; padding: 5px; visibility:hidden; }
.DivMain01 .Right .Btn { padding: 10px 0 0; }
.DivMain01 .Right .Count { width: 315px; height: 45px; line-height: 45px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px;
 -webkit-border-radius: 5px; background: #00b8fd; color: #fff; font-size: 17px; font-weight: 800;  cursor: pointer; }
.DivMain01 .Right .Count:hover { background: #00cafd; }
.DivMain01 .Right p, .DivMain01 .Right02 p { font-size: 13px; color: #999; }
.DivMain01 .Right p a, .DivMain01 .Right02 p a { text-decoration: underline; color: #00cafd;  }

.DivMain01 .Right02 { width: 45%; float: right; padding: 0px ;  display: none; }
.DivMain01 .Right02 h3 {  padding: 10px 0 15px; color: #ffa800; text-align: center; font-size: 27px; font-weight: 800; }
.DivMain01 .Right02 .th_text{background-color:#e1e1e1; padding:40px 50px; border-radius:5px; color:#333; text-align:center;}
.DivMain01 .Right02 .th_text p{color:#333; font-size:15px;}
.DivMain01 .Right02 .BgBack02 {  background: #e7e7e7; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 15px;  }
.DivMain01 .Right02 .BgBack02 h4 { font-size: 19px; font-weight: 800; color: #333; }
.DivMain01 .Right02 .BgBack02 ul {  color: #333; }
.DivMain01 .Right02 .BgBack02 ul li {  padding: 10px 0 10px 30px; cursor: pointer; }
.DivMain01 .Right02 .BgBack02 ul li:nth-child(1) {  background: url(../images/vp-seo/div01-icon01.png) 0 10px no-repeat; }
.DivMain01 .Right02 .BgBack02 ul li:nth-child(2) {  background: url(../images/vp-seo/div01-icon02.png) 0 10px no-repeat; }
.DivMain01 .Right02 .BgBack02 ul li:nth-child(3) {  background: url(../images/vp-seo/div01-icon03.png) 0 10px no-repeat; }
.DivMain01 .Right02 .BgBack02 .Line { border-bottom: 1px solid #d0d0cf; }
.DivMain01 .Right02 .BgBack02 ul li img {  float: right; margin: 5px 0 0; }
.DivMain01 .Right02 .BgBack02 ul li .share { padding: 10px 0 0; }
.DivMain01 .Right02 .BgBack02 ul li .share img { float: left; }
.DivMain01 .Right02 .BgBack02 ul li em { display: block; float: right; font-style: normal; margin: 0 10px 0 0; color: #009944; }
.DivMain01 .Right02 .BgBack02 ul li .share span { display: block; width: 25px; line-height: 32px; float: left; text-align: center; }
/* --------------*/
.Div_holiday{background: url(../images/vp-seo/hl-bg.jpg) repeat-x center; height:653px; }
.Div_holiday h1 {  font-size: 38px; color: #ff9b30;padding: 50px 0 30px 0;  line-height: 40px; }
.Div_holiday h1 >img{float:left; padding:0 20px 0 180px;}
.Div_holiday h1 i { font-size: 21px; display: block; font-style: normal; font-weight: 400; padding: 0 0 0 0; color:#fff; }
.Div_holiday h1 a { color: #00cafd; text-decoration: underline; }
.Div_holiday .BgBack{box-shadow: 0 30px 35px rgba(0,0,0,.2);border-radius: 10px;background-color: rgba(0,0,0,.5);}
.Div_holiday .holiday_one .Left { width: 45%; float: left; padding: 0 0 0 5%;  }
.Div_holiday .holiday_one .Left h2 { color: #fff; font-size:19px;text-align: left;  padding: 40px 0 5px; }
.Div_holiday .holiday_one .Left .mess{ color:#fff; text-align:center;}
.Div_holiday .holiday_one .Left .winner_box{ padding:20px 0 0;}
.Div_holiday .holiday_one .Left .winner_box .winner_one{ float:left; width:147px; margin:0 13px 10px 0; text-align:center; border-radius:5px; background:#fff; padding:10px 0 0;cursor:pointer;}
.holiday_one .Left .winner_box .winner_one a{ color:#333333; font-size:14px; }
.holiday_one .Left .winner_box .winner_one .click_box{ height:26px; border-radius:0 0 5px 5px; cursor:pointer;background: url(../images/vp-seo/hic1.png) no-repeat center #fce4bb;}
.holiday_one .Left .winner_box .winner_one .click_box.focus{background: url(../images/vp-seo/hic2.png) no-repeat center #fca547;}
.holiday_one .Left .winner_box .winner_last .link_to{ text-align:center; line-height:26px; background:#00b8fd; border-radius:0 0 5px 5px; }
.holiday_one .Left .winner_box .winner_last .link_to a{ color:#fff; font-size:15px;}
.Div_holiday .Right { width: 45%; float: right; padding: 40px 0 0;background:#000; border-radius:0 10px 10px 0;}
.Div_holiday .Right .title{ font-size:19px; color:#fff; text-align:center; padding:0 0 35px;}
.Div_holiday .Right ul{background: url(../images/vp-seo/h_time.png) no-repeat center; width:300px; height:59px; margin:0 auto;}
.Div_holiday .Right ul li{ float:left; text-align:center; font-size:27px; color:#fff; width:62px; margin:0 6px; padding:10px 0 0;}
.Div_holiday .Right .Input { padding:58px 65px 0; position:relative; }
.Div_holiday .Right input { width: 100%; height: 45px; line-height: 45px; padding: 0 20px; background: #fff; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px;
 -webkit-border-radius: 5px; border: none; font-size:15px; color:#999;  }
.Div_holiday .Right h6 { color: #f30; font-size: 13px; padding: 3px; visibility:hidden; }
.Div_holiday .Right .Btn { padding: 0 0 0; }
.Div_holiday .Right .Count { height: 45px; line-height: 45px; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px;
 -webkit-border-radius: 5px; background: #00b8fd; color: #fff; font-size: 17px; font-weight: 800;  cursor: pointer; }
.Div_holiday .Right .Count:hover { background: #00cafd; }
.Div_holiday .Right .rules{ text-align:right; font-size:15px; padding:5px 65px 20px 0;}
.Div_holiday .Right .rules a{ color:#01b0f2;}
.Div_holiday .Right >p{ font-size:13px; color:#999; padding:40px 0 40px;}
.Div_holiday .Right .Input .thx_vist{background:rgba(0,0,0,0.7); position:absolute; width:68%; height:70%; left:0; top:0; color:#fff; font-weight:bold; padding:23% 16% 0; text-align:center;}


.Div_holiday .holiday_two .Left02 { width: 36%; float: left; padding: 0 0 0 7%;  }
.Div_holiday .holiday_two .Right02 { width: 42%; float: right; padding:0 75px; background:#000; border-radius:0 10px 10px 0;}
.holiday_two .Left02 .t{ font-size:26px; color:#ffa800; font-weight:bold; padding:40px 0 25px;}
.holiday_two .Left02 .t2{ font-size:17px; color:#fff;}
.holiday_two .Left02 .wish{ font-size:21px; color:#fff; padding:23px 0 0;}
.holiday_two .Left02 .mess{ font-size:16px; color:#ffa800; padding:15px 0 ; border-top:1px solid #41464f; margin:40px 0 0; display:inline-block;}
.holiday_two .Left02 .int_btn{font-size:19px; font-weight:bold;}
.holiday_two .Left02 .int_btn a{ display:inline-block; color:#fff; background:#009944; border-radius:5px; width:325px; line-height:47px; text-align:center; }
.holiday_two .Right02 h3{ font-size:19px; font-weight:bold; color:#fff; padding:40px 0 30px;}
.holiday_two .Right02 .win_box{ background:#e6e7e7; border-radius:5px; padding:20px 30px;}
.holiday_two .Right02 .win_box h4{ font-size:19px; font-weight:bold; color:#333;}
.holiday_two .Right02 .win_box ul {  color: #333; }
.holiday_two .Right02 .win_box ul li {  padding: 7px 0 7px 30px; cursor: pointer; }
.holiday_two .Right02 .win_box ul li:nth-child(1) {  background: url(../images/vp-seo/div01-icon01.png) 0 10px no-repeat; }
.holiday_two .Right02 .win_box ul li:nth-child(2) {  background: url(../images/vp-seo/div01-icon06.png) 0 10px no-repeat; }
.holiday_two .Right02 .win_box ul li:nth-child(3) {  background: url(../images/vp-seo/div01-icon03.png) 0 10px no-repeat; }
.holiday_two .Right02 .win_box ul li:nth-child(4) {  background: url(../images/vp-seo/div01-icon02.png) 0 10px no-repeat; }
.holiday_two .Right02 .Line { border-bottom: 1px solid #d0d0cf; }
.holiday_two .Right02 .win_box ul li img {  float: right; margin: 5px 0 0; }
.holiday_two .Right02 .win_box ul li .share {}
.holiday_two .Right02 .win_box ul li .share img { float: left; }
.holiday_two .Right02 .win_box ul li em { display: block; float: right; font-style: normal; margin: 0 10px 0 0; }
.holiday_two .Right02 .win_box ul li .share span { display: block; width: 25px; line-height: 32px; float: left; text-align: center; }
.holiday_two .Right02 .rules{ text-align:right; font-size:15px; padding:5px 0 30px 0;}
.holiday_two .Right02 .rules a{ color:#01b0f2;}

/* --------------*/
.DivMain02 { background: #f7f7fa; }
.DivMain02 ul {  }
.DivMain02 ul li { width: 20%; display: block; float: left; padding: 15px 0; text-align: center; }
.DivMain02 ul li i { display: block;  font-style: normal;  }
.DivMain02 ul li:nth-child(2) { background: #fff; }
.DivMain02 ul li.focus{padding:15px; box-sizing:border-box;}
.DivMain02 ul li.focus a{color:#0095ff;}
.DivMain02 ul li a { color: #333; }


.btn_down{padding: 20px 0 ; text-align: center;font-weight: bold;}
.btn_down a{display: inline-block;font-size: 21px;color: #fff;border-radius: 4px;text-decoration: none;margin: 0 13px;}
.btn_down a.win{background:url(../images/vp-seo/win.png) no-repeat 15px center #0fb4ff;padding: 0 0 0 45px;width: 195px;line-height: 50px;}
.btn_down a.mac{background:url(../images/vp-seo/mac.png) no-repeat 15px center #78c443;padding: 0 0 0 45px;width: 195px;line-height: 50px;}

.main01{text-align: center;color: #fff;background: url(../images/vp-seo/bg1.jpg) no-repeat center top #000; background-size:cover; height: 382px;}
.main01 .main01_bottom{padding: 50px 0 0;font-size: 17px;}
.main01 .main01_bottom > *{color:#cccccc; text-decoration: none;display: inline-block;width: 130px;padding: 50px 0 0; background: url(../images/vp-seo/i5.png) no-repeat center top;}
.main01 .main01_bottom > *.hover, .main01 .main01_bottom > *:hover{ color: #0fb4ff;background: url(../images/vp-seo/i5f.png) no-repeat center top; }
.main01 .main01_bottom a:nth-child(2){background: url(../images/vp-seo/i1.png) no-repeat center top;}
.main01 .main01_bottom a:nth-child(3){background: url(../images/vp-seo/i6.png) no-repeat center top;}
.main01 .main01_bottom > :nth-child(4){background: url(../images/vp-seo/i4.png) no-repeat center top;}
.main01 .main01_bottom a:nth-child(2):hover{background: url(../images/vp-seo/i1f.png) no-repeat center top;}
.main01 .main01_bottom a:nth-child(3):hover{background: url(../images/vp-seo/i6f.png) no-repeat center top;}
.main01 .main01_bottom > :nth-child(4):hover{background: url(../images/vp-seo/i4f.png) no-repeat center top;color: #0fb4ff;}

.main01-ivideo{text-align: center;color: #fff;background: url(../images/vp-seo/bg2.jpg) no-repeat center top #000; height: 382px; margin:80px 0 0;}
.main01-ivideo .main01_bottom{padding: 50px 0 0;font-size: 17px;}
.main01-ivideo .main01_bottom > *{color:#cccccc; text-decoration: none;display: inline-block;width: 130px;padding: 50px 0 0; background: url(../images/vp-seo/i7.png) no-repeat center top;}
.main01-ivideo .main01_bottom > *:hover{ color: #0fb4ff;background: url(../images/vp-seo/i7f.png) no-repeat center top; }
.main01-ivideo .main01_bottom a:nth-child(2){background: url(../images/vp-seo/i8.png) no-repeat center top;}
.main01-ivideo .main01_bottom a:nth-child(3){background: url(../images/vp-seo/i9.png) no-repeat center top;}
.main01-ivideo .main01_bottom > *:nth-child(4){background: url(../images/vp-seo/i10.png) no-repeat center top;}
.main01-ivideo .main01_bottom a:nth-child(2):hover{background: url(../images/vp-seo/i8f.png) no-repeat center top;}
.main01-ivideo .main01_bottom a:nth-child(3):hover{background: url(../images/vp-seo/i9f.png) no-repeat center top;}
.main01-ivideo .main01_bottom > *:nth-child(4):hover{background: url(../images/vp-seo/i10f.png) no-repeat center top;color: #0fb4ff;}

.main01_bottom .gopro_icon{background: url(../images/vp-seo/i1.png) no-repeat center top!important;}
.main01_bottom .gopro_icon:hover{background: url(../images/vp-seo/i1f.png) no-repeat center top!important;}
.main01_bottom .play_icon{background: url(../images/vp-seo/i3.png) no-repeat center top!important;}
.main01_bottom .play_icon:hover{background: url(../images/vp-seo/i3f.png) no-repeat center top!important;}
.main01_bottom .gpu_icon{background: url(../images/vp-seo/i4.png) no-repeat center top!important;}
.main01_bottom .gpu_icon:hover{background: url(../images/vp-seo/i4f.png) no-repeat center top!important;}
.main01_bottom .setting_icon{background: url(../images/vp-seo/i5.png) no-repeat center top!important;}
.main01_bottom .setting_icon:hover{background: url(../images/vp-seo/i5f.png) no-repeat center top!important;}
.main01_bottom .quik_icon{background: url(../images/vp-seo/i6.png) no-repeat center top!important;}
.main01_bottom .quik_icon:hover{background: url(../images/vp-seo/i6f.png) no-repeat center top!important;}
.main01_bottom .iphone_icon{background: url(../images/vp-seo/i7.png) no-repeat center top!important;}
.main01_bottom .iphone_icon:hover{background: url(../images/vp-seo/i7f.png) no-repeat center top!important;}
.main01_bottom .cut_icon{background: url(../images/vp-seo/i8.png) no-repeat center top !important;}
.main01_bottom .cut_icon:hover{background: url(../images/vp-seo/i8f.png) no-repeat center top!important;}
.main01_bottom .resize_icon{background: url(../images/vp-seo/i9.png) no-repeat center top!important;}
.main01_bottom .resize_icon:hover{background: url(../images/vp-seo/i9f.png) no-repeat center top!important;}
.main01_bottom .imovie_icon{background: url(../images/vp-seo/i10.png) no-repeat center top!important;}
.main01_bottom .imovie_icon:hover{background: url(../images/vp-seo/i10f.png) no-repeat center top!important;}
.main01_bottom .video_icon{background: url(../images/vp-seo/i11.png) no-repeat center top!important;}
.main01_bottom .video_icon:hover{background: url(../images/vp-seo/i11f.png) no-repeat center top!important;}
.main01_bottom .music_icon{background: url(../images/vp-seo/i12.png) no-repeat center top!important;}
.main01_bottom .music_icon:hover{background: url(../images/vp-seo/i12f.png) no-repeat center top!important;}
.main01_bottom .dvd_icon{background: url(../images/vp-seo/i13.png) no-repeat center top!important;}
.main01_bottom .dvd_icon:hover{background: url(../images/vp-seo/i13f.png) no-repeat center top!important;}
.main01_bottom .download_icon{background: url(../images/vp-seo/i14.png) no-repeat center top!important;}
.main01_bottom .download_icon:hover{background: url(../images/vp-seo/i14f.png) no-repeat center top!important;}
.main01_bottom .record_icon{background: url(../images/vp-seo/i15.png) no-repeat center top!important;}
.main01_bottom .record_icon:hover{background: url(../images/vp-seo/i15f.png) no-repeat center top!important;}
.main01_bottom .convert_icon{background: url(../images/vp-seo/i16.png) no-repeat center top!important;}
.main01_bottom .convert_icon:hover{background: url(../images/vp-seo/i16f.png) no-repeat center top!important;}
.main01_bottom .edit_icon{background: url(../images/vp-seo/i17.png) no-repeat center top!important;}
.main01_bottom a.edit_icon.hover, .main01_bottom .edit_icon:hover{background: url(../images/vp-seo/i17f.png) no-repeat center top!important;}
/*-----------*/
.main02 h1{font-size:37px; font-weight:400; padding:55px 0 10px; line-height:50px; color:#333;}
.main02 .title{font-size: 21px;padding: 55px 0 10px;color: #000;}
.main02 .time{border-bottom: 1px solid #cccccc;padding-bottom: 5px;}
.main02 .time span{ display:inline-block; padding:8px 0 0;}
.main02 .search_box{float:right;}
.main02 .search_box input[type="text"]{border:1px solid #dfe0e3; border-radius:5px 0 0 5px; border-right:0; height:34px; line-height:34px; padding-left:10px; color:#a7aab0;
	font-size:15px; width:175px; background-color:#fff;}
.main02 .search_box input[type="submit"]{background:#0fb4ff url(../images/vp-seo/s.png) no-repeat 15px center; width:110px; height:34px; line-height:34px; border:none;
	font-size:15px; color:#fff; border-radius:0 5px 5px 0; margin-left:-5px; cursor:pointer; padding-left:25px;}
/*-----------*/
.main17 {background: url(../images/vp-seo/bg3.jpg) repeat-x bottom; padding: 35px 0 0;}
.main17 > img{float: left;}
.main17 > a img{float: left;}
.main17 .main03_content {float: left; }
.main17 .main03_content .t{font-size: 21px;color: #4d4d4d;padding: 115px 0 20px;}
.main17 .main03_content .try{font-size: 35px;font-weight: bold;color: #000;}
.main17 .main03_content .try span{color: #008cfd;}
.main17 .main03_content ul{padding: 20px 0 0;}
.main17 .main03_content ul li{padding: 2px 0;}
.main17 .main03_content .watch{font-size: 21px;color: #000;}
.main17 .main03_content .watch a{color: #000;}
.main17 .main03_content .btn{padding: 25px 0 0;}
.main17 .main03_content p { max-width: 600px; }
.main17 .Bg { width:510px;  border-radius:5px;  -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f79739; margin:0 auto; display: none;}
.main17 .Bg p { font-size:15px; margin:0; padding:10px; color:#fff;}
.main17 .Bg01 { width:510px; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:1px dotted #333; display:none; margin:0 auto; }
.main17 .Bg01 p { color:#333; font-size:15px; margin:0; padding:10px; }
.main17 .Bg01 p span { color:#f60;}
.main17 .Bg01 a{text-decoration:underline; font-size:13px; margin-left:5px;}
/*-----------*/

.main03{background: url(../images/vp-seo/bg3.jpg) repeat-x bottom;padding: 75px 0 0;}
.main03 > img{float: left;}
.main03 .main03_content{float: left;}
.main03 .main03_content .t{font-size: 21px;color: #4d4d4d;padding: 143px 0 20px;}
.main03 .main03_content .try{font-size: 38px;font-weight: bold;color: #000;}
.main03 .main03_content .try span{color: #008cfd;}
.main03 .main03_content ul{padding: 40px 0;}
.main03 .main03_content ul li{padding: 2px 0;}
.main03 .main03_content .watch{font-size: 21px;color: #000;}
.main03 .main03_content .watch a{color: #000;}
.main03 .main03_content .btn{padding: 25px 0 0;}


/*-----------*/
.main04{background: #121f2c; color: #fff;padding: 60px 0 30px;}
.main04 .qes{font-size: 21px;padding-bottom: 10px;}
.main04 ul{}
.main04 ul li{float: left; width:505px;padding: 10px 0 0 35px;background: url(../images/vp-seo/icon.png) no-repeat left 13px;}
.main04 ul li a{color: #fff;}
.main04 ul li.link a{color:#2692ff; text-decoration:underline;}
/*-----------*/
.main05{padding: 30px 0;}
.pic_right{padding: 40px 0 0;}
.pic_right .pic{ float: right;padding-left: 40px; }
.pic_right p{padding: 0;}
/*-----------*/
.main06{padding-bottom: 30px;}
.software_content{padding: 40px 0 10px; text-align: center;}
.software_content .soft_one{float: left;width: 338px;}
.software_content .soft_two{padding: 0 30px;}
.software_content .soft_one .t{font-size: 21px;color: #000;padding: 5px 0 0;}
.software_content .soft_one .more{padding: 10px 0 0;}
.software_content .soft_one .more a{text-decoration: none;}
/*-----------*/
.main07 {padding-bottom: 30px;}
.step{padding: 20px 0 0;}
.step span{font-size: 21px;color: #4c4c4c;}
.step b{color: #4d4d4d;}
.step2{padding: 0;}
.pic{text-align: center;padding: 30px 0 10px;}
/*-----------*/
.main08{background: #f1f2f6;padding: 30px 0 50px;}
.btn{padding: 40px 0 0; text-align: center;}
.btn a{display: inline-block;font-size: 22px;color: #fff;border-radius: 5px;text-decoration: none;margin: 0 13px;}
.btn a.win{background:url(../images/vp-seo/win.png) no-repeat 15px center #0fb4ff;padding: 0 0 0 45px;width: 200px;line-height: 50px;}
.btn a.mac{background:url(../images/vp-seo/mac.png) no-repeat 15px center #f1ba45;padding: 0 0 0 45px;width: 200px;line-height: 50px;}
.notice{text-align: center;padding: 20px 0 0;}
/*-----------*/
.main09{padding: 30px 0;}
.main09 .why{color: #4c4c4c;font-size: 21px;text-align: center;padding: 40px 0 0;}
/*-----------*/
.main10{background: url(../images/vp-seo/bg2.jpg) no-repeat center top #000; height: 341px;}
.main10 h2{padding: 65px 0 10px;color: #fff;}
.main10 p{color: #b0b0b0;}
.main10 .video{text-align: center;padding: 30px 0 0;}
/*-----------*/
.main11{padding-bottom: 40px;}
.article{font-size: 31px;color: #000;padding: 80px 0 40px;}
.art_content{}
.art_content .art_one{float: left; width: 31%;border-radius: 5px;border:1px solid #dedede;}
.art_content .art_two{margin:0 3%;}
.art_one .art_img{text-align: center;}
.art_one p{font-size: 17px; color: #3a3a3a;padding: 20px 10px;}
.art_one p a{text-decoration:none; color:#3a3a3a;}
.art_one p a:hover{color:#2692ff;}
.art_link{padding: 30px 0 20px;}
.art_link a{display: inline-block;text-decoration: none;margin-right: 8px;}
.art_link a.sty1{display: inline-block;background: url(../images/vp-seo/icon1.png) no-repeat 10px center #4d4d4d;padding: 0 15px 0 35px;line-height: 30px;border:1px solid #4d4d4d;
	border-radius: 5px;color: #fff; }
.art_link a.sty1:hover{background: url(../images/vp-seo/icon1f.png) no-repeat 10px center #fff;color: #4d4d4d;}
.art_link a.sty2{display: inline-block;background: url(../images/vp-seo/icon2.png) no-repeat 10px center #fff;padding: 0 15px 0 35px;line-height: 30px;border:1px solid #4d4d4d;
	border-radius: 5px;color: #4d4d4d;}
.art_link a.sty2:hover{background: url(../images/vp-seo/icon2f.png) no-repeat 10px center #4d4d4d;color: #fff;}
/*-----------*/
.main12{background: #f8f8f8;}
.main12 .about{font-size: 31px;color: #000;padding: 40px 0 0;}
.peop{padding: 30px 0;}
.peop>img{float: left;margin-right: 50px;}
.peop .p_name{font-size: 21px;}
.peop .p_name a{text-decoration: none;}
.peop .p_name img{margin-left: 10px;vertical-align: 0;}
.home{border:1px solid #d9d9d9;line-height: 43px;padding-left: 10px;}
.home a{color: #808080;text-decoration: none;}
.home .hom{display: inline-block;}
/*-----------*/
.top_manager{padding: 25px 0;}
.top_manager .manager_t{font-size: 21px; text-align: center;color: #fff;line-height: 49px;background: #373a42;}
.top_manager .price_vs{background: #f5f7f7;}
.top_manager .price_vs ul{border-bottom: 2px solid #fff;}
.top_manager .price_vs ul li:nth-child(2){border-right:2px solid #fff; border-left:2px solid #fff;}
.top_manager .price_vs ul li{float:left; list-style: none;padding:15px 0;}
.top_manager .price_vs ul li:nth-child(1){width:18%; text-align:center;}
.top_manager .price_vs ul li:nth-child(2){width:37%; padding:0 2% 10px;}
.top_manager .price_vs ul li:nth-child(3){width:36%; padding:0 2% 10px;}
.top_manager .price_vs ul li h5{padding-top:10px; font-weight:bold; color: #333333;font-size: 15px;}
.top_manager .price_vs ul li .t{ font-size:15px;}
.top_manager .price_vs ul li p{ color:#666666;padding: 0;}
/*-----------*/
.pro_manager{padding: 25px 0;}
.pro_manager .manager_t{font-size: 21px; text-align: center;color: #fff;line-height: 49px;background: #373a42;}
.pro_manager .pro_box{font-size: 13px;border-left: 1px solid #e8e8e8;}
.pro_manager .pro_box .pro_one{text-align: center;width:214.7px;float: left;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.pro_manager .pro_box .pro_one:nth-child(odd){background: #f5f7f7;}
.pro_manager .pro_box .pro_one>img{padding: 25px 0 8px;}
.pro_manager .pro_box .pro_one .t{border-bottom: 1px solid #e8e8e8;padding-bottom: 10px;}
.pro_manager .pro_box .pro_one .t a{color: #000;text-decoration: none;font-weight: bold;}
.pro_manager .pro_box .pro_one .t a:hover{text-decoration: underline;}
.pro_manager .pro_box .pro_one p{text-align: left;padding: 10px;}
/*-----------*/
.table_box{padding: 25px 0;font-size: 13px;}
.table_box table{border-left: 1px solid #e8e8e8;border-top: 1px solid #e8e8e8;text-align: center;}
.table_box tr th{background: #f5f7f7;font-weight: bold;color: #333;font-size: 13px;padding: 20px 0;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.table_box tr td{padding: 20px 0;font-size: 13px;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.table_box .usp_mess{text-align:left; padding:3px 0 3px 15px;}
/*-----------*/
.four_box {padding: 10px 0;}
.four_box .Left { width:540px; float:left; padding:15px 0;}
.four_box .Left .Box { float:left; padding-right: 20px;}
.four_box .Left .Txt .p_tit { padding:0 10px 0 0; font-size:19px;color: #333;}
.four_box .Left .Txt p {font-size: 13px;padding: 15px 10px 0 0;}
/*-----------*/
.three_box{padding: 30px 0;}
.three_box .three_one{width: 32%;float: left;}
.three_box .three_two{padding: 0 2%;}
.three_box .three_one >img{float: left;padding: 0 20px 0 0;}
.three_box .three_one p{padding:5px 0 0;font-size: 13px;}
/*-----------*/
.left_img{padding: 30px 0;}
.left_img >img{float: left;padding: 0 20px 0 0;}
.left_img .t{font-size: 21px;color: #333;padding: 10px 0 0;}
.left_img .btn_down{padding: 30px 0 0;}
/*-----------*/
.right_img >img{float: right;padding: 0 0 0 20px;}
/*-----------*/
.convert_two {padding-bottom: 20px;}
.convert_two .mt_one { width:45%; float:left; text-align:center;}
.convert_two .mt_one .img{padding: 30px 0 20px;}
.convert_two .mt_one h6{font-weight: bold;font-size: 15px;color: #333;}
.convert_two .mt_one p {text-align:left;}
.convert_two .mt_one .Down { padding:20px 0 0;}
.convert_two .mt_one .Down img { width:100%; max-width:223px;}
.convert_two .mt_two { margin:0 10% 0 0;}
/*-----------*/

.Top_Nav{background-color:#0f0f0f; line-height:70px; position:fixed; top:0; left:0; width:100%; z-index:99; display:none;}
.Top_Nav .l_ti{float:left; color:#fff; font-size:33px;}
.Top_Nav .l_ti a{color:#fff;}
.Top_Nav .r_link{float:right; height:70px;}
.Top_Nav .r_link a{font-size:21px; color:#fff; margin-left:88px; display:inline-block;}
/*-----------*/

.backTop { position:fixed; right:15px; bottom:80px; width:43px; height:39px; cursor:pointer;}

.main07 {  background: #fafcff; }
.main07 .Details { padding: 20px 0 100px; }
.main07 h3 { font-size: 31px; text-align: center; padding: 20px 0; }
.main07 .row { width: 980px; text-align: center; padding: 50px 0 0; margin:0 auto; }
.main07 .slider {width:980px; height:646px; position:relative; }
.main07 .slider .wrapper {width:980px; height:646px; position:relative; left:0; overflow:hidden; text-align: center; }
.main07 .slider .wrapper .content { position:absolute;width:8000px;height:530px;}
.main07 .slider .wrapper .content .slider-item { width:980px; height:646px; float:left; text-align:center;}
.main07 .slider .prev {position:absolute; left:-42px; top:308px; width:22px; height:44px; cursor:pointer; z-index: 1;}
.main07 .slider .next {position:absolute; right:-42px; top:308px; width:22px; height:44px; cursor:pointer; z-index: 1;}

.p_txt_con{width:605px; background-color:#fff; border-radius:5px; color:#333; display:none;}
.p_txt_con > a{position:absolute; top:0px; right:5px; color:#f00; font-size:25px;}
.p_txt_con .content{padding:20px;}
.p_txt_con .content h4{text-align:center; font-size:20px; font-weight:700; padding-bottom:15px;}

@media (max-width: 1500px) {
	.main17 { padding: 0;}
	.main17 > img{ display:none;}
	.main17 .main03_content { float:none;  margin:0 auto; width:650px; padding:0px 0 40px;}
	.main17 .main03_content .t{font-size: 21px;color: #4d4d4d;padding: 25px 0 20px;}

	.main03 { padding: 0;}
	.main03 > img{ display:none;}
	.main03 .main03_content { float:none;  margin:0 auto; width:650px; padding:0px 0 40px;}
	.main03 .main03_content .t{font-size: 21px;color: #4d4d4d;padding: 25px 0 20px;}
}

@media (max-width: 979px) {
	.mobileNo{display: none;}
	h1 span{font-size:28px;}
	iframe{width: 100%!important;}

	.DivNav { height: auto; }
	.DivNav .Logo{float:none;padding:5px 0 10px;}
	.DivNav .m_nav{ display:block; position:relative;}
	.DivNav ul{display:none; border-top:1px solid #babcbd; padding:10px 0 20px; margin:10px 0 0; float:none;}
	.DivNav ul li{width:100%; padding:5px 0;}
	.DivNav .m_nav.on{border:none; height:26px;}
	.DivNav .m_nav.on:before,.DivNav .m_nav.on:after { content:""; -webkit-transition: top .3s ease,transform .3s .5s ease; -moz-transition: top .3s ease,transform .3s .5s ease; -o-transition: top .3s ease,transform .3s .5s ease; transition: top .3s ease,transform .3s .5s ease; top:10px;width:30px; height:4px; background:#737373; display:inline-block; position:absolute;}
	.DivNav .m_nav.on:before { -webkit-transform: rotate3d(0,0,1,45deg); -moz-transform: rotate3d(0,0,1,45deg); -o-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
	.DivNav .m_nav.on:after { -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg); -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);}

	.main01,.main01-ivideo{margin:58px 0 0;}
	/*-----------*/
	.Div_holiday{height:auto; background:#11181f;}
	.Div_holiday .detail{padding:0 5px; width:auto;}
	.Div_holiday .holiday_one .Left{float:none; width:auto;}
	.Div_holiday .holiday_one .Left h2{text-align:center;}
	.Div_holiday .holiday_one .Left .winner_box .winner_one{ margin:0 20px 10px;}
	.Div_holiday h1 > img{ padding-left:5px;}
	.Div_holiday .holiday_one .Left{padding-left:0;}
	.Div_holiday .Right{ margin:0 auto; float:none; width:80%;}

	.Div_holiday .holiday_two .Left02{ padding:0 0 0 5px; width:43%;}
	.holiday_two .Left02 .int_btn a{ width:100%;}
	.Div_holiday .holiday_two .Right02{ padding:0 10px; width:52%;}
	/*-----------*/
	.DivMain01 .Right02 .BgBack02 ul li .share img{ width:100px;}

	.main03 .main03_content .t{padding: 40px 0 0;}
	/*-----------*/
	.top_manager .price_vs ul li:nth-child(1){padding:0; width:15%;}
	/*-----------*/
	.four_box .Left{float: none;width: auto;}
	/*-----------*/
	.main07 .row{display:none;}

	.Top_Nav .r_link a{margin-left:50px;}

	.main17 { background:none;}

	.main09 h2 { font-size:23px;}
}

@media (max-width: 767px) {

	h1{padding: 30px 0 0;}
	iframe{height: 300px!important;}

	.DivNav ul li {font-size: 17px; }
	/*-----------*/
	.Div_holiday .holiday_one .Left .winner_box .winner_one{ margin:0 5px 10px;}
	.Div_holiday .Right{ width:90%;}
	.Div_holiday .Right .Input{ padding:30px 35px 0;}

	.Div_holiday .holiday_two .Left02{ width:auto; float:none;}
	.holiday_two .Left02 .int_btn a{ width:80%;}
	.Div_holiday .holiday_two .Right02{width:auto; float:none;}
	/*-----------*/



	.btn_down a{margin: 10px 0;}

	.btn a{margin: 10px 0;}
	.main01{height: auto;}
	.main01 .main01_bottom{ padding:30px 0 0;}
	.main01 .main01_bottom a{width: 45%; margin: 10px 0;}
	/*-----------*/
	.main04 ul li{width: auto;}
	/*-----------*/
	.software_content .soft_one{width: 100%;}
	.software_content .soft_two{padding:0; }
	/*-----------*/
	.main10{height: auto;}
	/*-----------*/
	.art_content .art_one{width: 96%; margin: 10px 2%;}
	/*-----------*/
	.top_manager .price_vs ul li{float:none; padding:0; border-right:0; margin:0 auto 20px; text-align:center;}
	.top_manager .price_vs ul li:nth-child(1){ width:auto;}
	.top_manager .price_vs ul li:nth-child(2){ width:auto;}
	.top_manager .price_vs ul li:nth-child(3){width:auto;}
	/*-----------*/
	.pro_manager .pro_box .pro_one{width:49%;}
	/*-----------*/
	.left_img > img,.right_img >img{float: none;padding: 0;}
	/*-----------*/
	.convert_two .mt_one{margin: 0; width:auto;}
	/*-----------*/
	.DivMain01 { background: #1d1b1b; }
	.DivMain01 .Details { height: auto; }
	.DivMain01 h1 {  font-size: 21px;  padding: 20px 0;  line-height: 40px; background: none; }
	.DivMain01 .BgBack { width: 95%; margin: 0 auto; padding: 20px 0; }
	.DivMain01 .BgBack .Left { width: 95%; margin: 0 auto; float: none; }
	.DivMain01 .BgBack .Right { width: 95%; margin: 0 auto; float: none; }
	.DivMain01 .BgBack .Right02 { width: 95%; margin: 0 auto; float: none; }

	.Top_Nav .l_ti{font-size:20px;}
	.Top_Nav .r_link a{margin-left:15px; font-size:17px;}

	.main17 { background:none;}
	.main17 .Bg { width:100%; margin:0 auto; }
	.main17 .Bg01 { width:95%; }

	.main17 { padding: 0;}
	.main17 > img{ display:none;}
	.main17 .main03_content { float:none;  margin:0 auto; width:95%; margin:0 auto; padding:0px 0 40px;}
	.main17 .main03_content .t{font-size: 21px;color: #4d4d4d;padding: 25px 0 20px;}

	.main03 { padding: 0;}
	.main03 > img{ display:none;}
	.main03 .main03_content { float:none;  margin:0 auto;  width:95%; margin:0 auto;  padding:0px 0 40px;}
	.main03 .main03_content .t{font-size: 21px;color: #4d4d4d;padding: 25px 0 20px;}

	.p_txt_con{width:100%;}
	.p_txt_con .content{padding:20px 10px;}
}

@media (max-width: 479px) {

	h1{font-size: 45px;text-align: left;}
	h1 span{font-size: 25px;}
	h2{font-size: 28px;padding: 30px 0 10px;line-height: 35px;text-align: left;}
	h3{line-height:35px;}
	/*-----------*/
	.Div_holiday h1{ font-size:30px;}
	.Div_holiday .Right .Input{ padding:30px 0 0;}
	.Div_holiday .Right .rules{ padding-right:5px;}

	.holiday_two .Right02 .win_box{ padding:20px 5px;}
	/*-----------*/
	.DivMain01 .Right02 .BgBack02 ul li .share img{ width:90px;}

	.main01 .main01_bottom{padding: 20px 0 0;}
	/*-----------*/

	.main03 .main03_content .try{line-height:50px;}

	.main07 h3, .main09 .why, .top_manager .manager_t, .pro_manager .manager_t{text-align:left;}

	.pro_manager .pro_box .pro_one{width:99%;}
	/*-----------*/
	.four_box .Left{text-align: center;}
	.four_box .Left .Box{width: auto;float: none;}
	/*-----------*/

	.Top_Nav .l_ti{font-size:18px;}
	.Top_Nav .r_link a{font-size:15px;}

	.main17 { background:none;}

}