@charset "utf-8";
/*btn*/
.h-shop{display:inline-block; background:#fa594b url(https://images.wondershare.com/style/images/shop_icon.png) no-repeat 15px 10px;font-size:14px;width:175px;height:40px; padding-left:45px;line-height:42px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; font-weight:bold;border:1px solid #fa594b;}
.h-shop:hover{background-color:#f94536;text-decoration:none;}
.h-download{display:inline-block; background:#2f3337 url(https://images.wondershare.com/style/images/download_icon.png) no-repeat 15px 10px;font-size:14px;width:175px;height:40px; padding-left:45px;line-height:40px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px; font-weight:bold;border:1px solid #fff;}
.h-download:hover{background-color:#40464b;text-decoration:none;}

/*banner*/
.banner{ background:url(images/pc_banner_bg.jpg) no-repeat center 0;}
.banner .toptxt{ font-size:19px;color:#7ae3ef;letter-spacing:9px; text-align:center;padding-top:29px;}
.banner .title{margin-top:80px; text-align:center;}
.banner .dd{ font-size:25px; text-align:center;margin-top:50px; line-height:35px;color:#9cffff;letter-spacing:4px;font-weight: 300;}
.banner .dd2{ font-size:20px;color:#fff;letter-spacing:7px;font-weight: 400; text-align:center;margin-top:80px;}
.banner .dd3{display:none;font-size:16px;color:#fff;letter-spacing:5px;font-weight: 400; text-align:center;margin-top:15px;}
.banner .btnbox{ background:url(images/btn_bg.png) no-repeat center 0;height:70px;margin-top:80px; text-align:center;}
.banner .btnbox .btn{display:inline-block;width:348px;height:70px; text-align:center; line-height:70px; font-size:20px;color:#000; border-radius:35px;background-image: -moz-linear-gradient(top, #feffff, #8cfffe); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #feffff), color-stop(1, #8cfffe)); /* Saf4+, Chrome */ box-shadow:4px 4px 4px #162a31;font-weight: 700;letter-spacing:3px;}
.banner .btnbox .btn:hover{text-decoration:none; background:#89ffff; background-image:none;}
.banner .phone{display:none;}
.banner .btmtxt{ background:url(images/bg1.png) no-repeat center 0;height:56px; line-height:56px; font-size:18px;color:#a8ffff; text-align:center;margin-top:70px;font-weight: 300;letter-spacing:3px;}
.banner .time{width:800px;margin:0 auto;padding-top:10px;}
.banner .iptbox{display:none;margin-top:25px; text-align:center;}
.banner .iptbox .iptstyle{border:1px solid #fff; border-radius:5px; background:#000;color:#fff; outline:none; line-height:42px;height:42px;padding:0 10px;width:286px;font:14px Lato,Arial,Helvetica,sans-serif;}

.banner .dd4{color:#a8ffff; font-size:26px; text-align:center;font-weight: 300;letter-spacing:3px;margin-top:100px;}
.banner .btnk{width:612px;margin:120px auto 0 auto;}
.banner .btnk .item1{float:left;width:296px;}
.banner .btnk .item2{float:right;width:296px;}
.banner .btnk .btn{display:inline-block;width:296px;height:60px;border-radius:30px; background:url(images/btn_bg2.png) no-repeat; box-shadow:4px 4px 4px #162a31;}
.banner .btnk .btn:hover{text-decoration:none; background:url(images/btn_bg3.png) no-repeat;}
.banner .btnk .btn .txt1{float:left; line-height:60px;width:70%; font-size:18px;color:#000;font-weight: 700;letter-spacing:3px; text-align:center;}
.banner .btnk .btn .txt1:hover{ text-decoration:none;}
.banner .btnk .btn .txt2{float:left; line-height:60px;width:50%; font-size:18px;color:#000;font-weight: 700;letter-spacing:3px; text-align:center;}
.banner .btnk .btn .txt2:hover{ text-decoration:none;}
.banner .btnk .btn .free{float:right;width:28%; font-size:18px;color:#000;font-weight: 400;letter-spacing:3px; text-align:center; line-height:60px;border-left:1px solid #b7d6d6;}
.banner .btnk .btn .pri{float:right;width:48%; font-size:18px;color:#000;font-weight: 400;letter-spacing:1px; text-align:center; line-height:60px;border-left:1px solid #b7d6d6;}
.banner .btnk .ve{ font-size:11px;color:#fff; text-align:center;letter-spacing:3px;}
.banner .btmtxt2{ background:url(images/bg1.png) no-repeat center 0;height:56px; line-height:56px; font-size:18px;color:#a8ffff; text-align:center;margin-top:90px;font-weight: 300;letter-spacing:3px;}
.banner .nav{ text-align:center;margin-top:20px;color:#a8ffff; line-height:26px;}
.banner .nav a{color:#a8ffff; font-size:14px;font-weight: 700;letter-spacing:3px;padding:0 10px;}

/*rating*/
.rating{display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;} 
.rating li{ display:inline-block; *display:inline;height:16px;width:16px; background:url(images/star.png) no-repeat; zoom:1;margin-right:3px;}
.rating li.on{background-position:0 0;}
.rating li.half{background-position:0 -16px;}

#defaultCountdown {width:auto; height:80px;}
.countdown_section {display:block;float:left;font-size:9px;text-align:center;color:#fff;width:180px;height:70px;line-height:inherit;line-height:1.2em; background:url(images/time.png) no-repeat 0 30px;letter-spacing:7px;font-weight: 700;padding-left:15px;}
.countdown_section:first-child{ background-image:none;}
.countdown_amount {font-size:67px;display:block;line-height:1em;color:#8ffdfd;font-weight: 300;letter-spacing:-1px;}
@media (min-width: 768px) and (max-width: 979px) {
	.banner .time{width:600px;}
	.countdown_section{width:130px;}
	.banner .iptbox{display:block;}
	.banner .btnbox{margin-top:30px;}
	.banner .phone{display:block;}
	.banner .pc{display:none;}
	.banner .btnk{width:296px;margin:120px auto 0 auto;}
}
@media (max-width: 767px) {
	.banner .title{margin-top:50px; text-align:center;}
	.banner .dd{ font-size:25px; text-align:center;margin-top:30px; line-height:35px;color:#9cffff;letter-spacing:4px;font-weight: 300;}
    .banner .dd2{ font-size:20px;color:#fff;letter-spacing:7px;font-weight: 700; text-align:center;margin-top:80px;}
	.banner .btnbox{ background:none;margin-top:30px;}
	.banner .time{width:450px;}
	.countdown_section{width:92px; background-position:0 15px;letter-spacing:3px;}
	.countdown_amount{ font-size:50px;}
	.banner .iptbox{display:block;}
	.banner .phone{display:block;}
	.banner .pc{display:none;}
	.banner .dd4{ line-height:30px;margin-top:90px;}
	.banner .btnk{width:296px;margin:110px auto 0 auto;}
	.banner .btnk .item1{float:none;}
    .banner .btnk .item2{float:none;margin-top:15px;}
}
@media (max-width: 479px) { 
    .banner{background:url(images/phone_banner_bg.jpg) no-repeat center 0;}
    .banner .time{width:300px;}
	.countdown_section{width:55px; background-position:0 15px;font-size:7px;letter-spacing:-0.5px;background:url(images/time2.png) no-repeat 0 15px;}
	.countdown_amount{ font-size:40px;}
	.banner .btmtxt{ line-height:1.2em;height:auto;padding:8px 0;}
	.banner .toptxt{ font-size:14px;padding-top:80px;letter-spacing:7px;}
	.banner .toptxt em{display:none;}
	.banner .title{margin-top:10px;}
	.banner .dd{ font-size:16px; margin-top:38px; line-height:1.3em;letter-spacing:2px;}
	.banner .dd2{display:none;}
	.banner .time{padding-top:30px;}
	.banner .btnbox{margin-top:25px;}
	.banner .btnbox .btn{display:inline-block;width:308px;height:60px; text-align:center; line-height:60px;border-radius:35px;}
	.banner .btmtxt{ background:url(images/bg2.png) no-repeat center 0;height:auto; line-height:1.2em; font-size:18px;margin-top:30px;padding:13px 0;}
	.banner .dd3{display:block;}
	.banner .iptbox{display:block;}
	.banner .dd4{ font-size:20px;line-height:26px;margin-top:40px;}
	.banner .btnk{width:296px;margin:40px auto 0 auto;}
}

a.tableBtn { display:block; width:105px; height:32px; line-height:32px; margin:0 auto; font-size:12px; background:url(images/btn_bg4.png) no-repeat 0 0; text-align:center;}
a.tableBtn:hover {text-decoration:none; background-position:0 -48px;}

.popbox{padding:0 45px 0 45px;}
.popbox .iptbox{margin-top:25px; text-align:center;}
.popbox .iptbox .iptstyle{border:1px solid #fff; border-radius:5px; background:#000;color:#fff; outline:none; line-height:42px;height:42px;padding:0 10px;width:380px;font:14px Lato,Arial,Helvetica,sans-serif;}
.popbox .btnbox{ margin-top:25px; text-align:center;}
.popbox .btnbox .btn{display:inline-block;width:270px;height:54px; text-align:center; line-height:54px; font-size:18px;color:#000; border-radius:35px;background-image: -moz-linear-gradient(top, #feffff, #8cfffe); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #feffff), color-stop(1, #8cfffe)); /* Saf4+, Chrome */ box-shadow:4px 4px 4px #162a31;font-weight: 400;letter-spacing:2px;}
.popbox .btnbox .btn:hover{text-decoration:none; background:#89ffff; background-image:none;}
.popbox .txt{ text-align:center;color:#fff; font-size:19px; line-height:38px;font-weight: 300;letter-spacing:1px;margin-top:25px;}

.poptxt{ font-size:16px;color:#fff; text-align:center;margin-top:25px;}

/*main*/
.main{ background:url(images/main_bg.jpg) no-repeat center -30px;}
.main2{ background:url(images/main_bg2.jpg) no-repeat 77% -30px;}
.picitem{margin-top:60px;}
.picitem.nomt{margin-top:0;}
.picitem.mt1{margin-top:100px;}
.picitem.mt2{margin-top:90px;}
.picitem .flpic{float:left; text-align:center;width:49%;}
.picitem .frpic{float:right;text-align:center;width:49%;}
.picitem .fltext{float:left;width:49%;}
.picitem .frtext{float:right;width:49%;}
.picitem .fltext2{float:left;width:55%;}
.picitem .frpic2{float:right;text-align:center;width:43%;margin-top:130px;}
.picitem h3{ font-size:19px; line-height:28px;color:#a8ffff;font-weight: 300;letter-spacing:4px;}
.picitem .dd{color:#fff; font-size:14px; line-height:27px;letter-spacing:0.5px;margin-top:25px;}
.picitem .mt{padding-top:30px;}
.picitem .table1 {background:none;}
.picitem .table1 tr:nth-child(2n) {background:none;}
.picitem .table1 th{color:#fff; font-size:14px;font-weight: 400;letter-spacing:1px;padding:5px 0; border:0;border-bottom:1px solid #fff;}
.picitem .table1 td{font-size:14px;font-weight: 300;letter-spacing:1px;color:#fff;padding:15px 0;border:0;border-bottom:1px solid #808080;}

@media (max-width: 767px) {
	.picitem .flpic{float:none;width:auto;}
    .picitem .frpic{float:none;width:auto;}
    .picitem .fltext{float:none;width:auto;}
    .picitem .frtext{float:none;width:auto;}
	.picitem .mt{padding-top:0px;}
	.picitem h3{margin-top:30px;}
	.picitem.mt1{margin-top:80px;}
    .picitem.mt2{margin-top:80px;}
	.picitem .fltext2{float:none;width:auto;}
    .picitem .frpic2{float:none;width:auto;margin-top:0;}
	.main2{ background:url(images/main_bg2.jpg) no-repeat 40% -80px;}
}
@media (max-width: 479px) {
	.picitem{margin-top:40px; background:url(images/bottom_line2.gif) no-repeat 0 bottom;padding-bottom:40px;}
	.picitem.nobg{ background:none;}
	.picitem h3{ line-height:24px;}
	.picitem .dd{margin-top:20px;}
	.picitem.mt1{margin-top:40px;}
    .picitem.mt2{margin-top:40px;}
}

/*bottom*/
.bottom{ background:#000 url(images/bottom_line.gif) no-repeat center 0;padding:60px 0;margin-top:100px;}
.bottom h3{ font-weight:bold;color:#fff;}
.bottom li a{color:#bdc3c8; line-height:1.8em;}
.bottom .email{ background:url(https://images.wondershare.com/style/images/dot1.png) no-repeat 200px 16px;width:180px;height:23px;padding:10px 30px 10px 10px;display:block; color:#dedede;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border-radius:5px; font-weight:bold;border:1px solid #fff;}
.bottom .email a{color:#dedede;}
.bottom .email:hover{background-color:#40464b;}
.bottom .email input{ background:#2f3337;color:#dedede; font-size:14px;font-weight:bold; line-height:23px;height:23px;width:180px; outline:none; border:0;}
.bottom .select{ background:#434b52 url(https://images.wondershare.com/style/images/select_arrow.png) no-repeat 200px center;width:200px;height:22px; border-radius:5px;position:relative;padding:10px; color:#dedede;}
.bottom .select .selectBnt {display:block; cursor:pointer;}
.bottom .select .selectList {display:none; position:absolute;background:#434b52; width:220px; padding-top:5px; border-radius:5px 5px 0 0; left:0; bottom:35px; overflow:hidden;}
.bottom .select .selectList a {display:block; color:#dedede; line-height:24px; padding:0 10px; font-size:12px;}
.bottom .select .selectList a:hover { color:#fff; background:#4f575e; text-decoration:none;}
.bottom .select:hover .selectList,.bottom .select .hide {display:block;}
@media (max-width: 767px) {
	.bottom .select {position:inherit; height:auto; background-position:200px 20px;}
	.bottom .select .selectList {position:inherit; left:inherit; bottom:inherit; width:200px;}
	.bottom .select .selectList a {padding:0;}
}
@media (max-width: 479px) {
	.bottom{margin-top:50px;}
}