@charset "utf-8";
/* CSS Document */
.mr8{ margin-right:8%;}
.btnBuy{display:inline-block; background:#ee6062;color:#fff; font-size:18px; text-align:center;width:156px;height:40px; line-height:40px; border-radius:40px;}
.btnBuy:hover{text-decoration:none;background:#fb7072;}
.freeDown{ background-color:#7bbb26;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;color:#fff; text-align:center; height:28px; line-height:28px; width:90px; display:block; font-size:16px;}
.freeDown:hover{ background-color:#85cf22; text-decoration:none;}
.maauto{ margin:0 auto;}
.bgnone{ background-color:#fff!important;}
/*thank you*/
.topbg{padding:30px 30px 15px 30px; text-align:center; font-size:20px;}
.topbg h1{ font-size:36px; margin-bottom:20px;color:#fff;}
.topbg .yellow a{ color:#2c2047; display:block; margin:8px 0 17px 0; text-decoration:underline;}
.topbg .count{ text-align:center; margin:5px 0 10px 0; font-size:16px; float:left;}
.topbg .count span{ background:url(images/download-bg.png) no-repeat; color:#333; width:27px; height:36px; display:inline-block; line-height:32px; text-align:center; font-size:22px; font-weight:bold; margin:0 3px; }
.contmain{ border:1px solid #d7d7d7; border-top:none;}
.contmain .conbox{ position:relative;}
.contmain h2{font-size:28px; font-weight:500; padding:30px 0 30px 20px;}
.contmain h2 span{ color:#eb5801; font-weight:bold;}
#defaultCountdown { position:absolute;left:70px;top:10px;height:45px; width:145px;background-image: url('images/time-bg.png');background-repeat:repeat-x;}
.countdown_section {display: block;float:left;font-size:11px;text-align:center;font-weight:normal;color:#fff;width:48px;padding-top:5px;line-height:inherit; line-height:1.5em;}
.countdown_amount {font-size:20px;color: #fff;font-style:normal; font-weight:bold;display:block;}
.contmain .conbox1{ padding:10px 30px 40px 30px;}
.contmain .conbox1 .text{ width:45%; float:left;}
.contmain .conbox1 .textAll{ width:100%!important;}
.contmain .conbox1 .textAll .img{ width:20%!important;}
.contmain .conbox1 .text .img{ float:left; position:relative; width:38%;}
.contmain .conbox1 .text .img span{ position:absolute; left:-15px; bottom:-20px;}
.contmain .conbox1 .text .info{ float:right; width:62%;}
.contmain .conbox1 .text .info span {color:#434a53 !important;}
.contmain .conbox1 .text .info .btnBuy {margin-top:10px;}

.contmain .conbox1 .textAll .info{ width:80% !important;}
.contmain .conbox1 .text .info .proName{font-size:16px; font-weight:500; margin-bottom:5px;}
.contmain .conbox1 .text .info dt{ font-size:14px;}
.contmain .conbox1 .text .info dd{ line-height:1.4em; margin-top:5px; background:url(images/dot-icon.png) 0 8px no-repeat; padding-left:10px;}
.contmain .conbox1 .text .info .price{ font-size:18px; color:#ee4104; margin:10px;}
.contmain .conbox1 .text .info .price del{ font-size:14px; color:#555;}
.contmain .conbox2{ border-top:1px solid #c6c8c8; padding:30px 25px; background-color:#f2f2f2;}
.contmain .conbox2 .promise{}
.contmain .conbox2 h3{ font-size:24px; padding:0 0 25px 0; font-weight:500;}
.contmain .conbox2 .box2 .span2 .img{ float:left;}
.contmain .conbox2 .box2 .span2{ margin-bottom:20px;margin-left:0\9; width:48%;*width:47.7%; margin-right:2%\9;}
.contmain .conbox2 .box2 .span2 dl{ padding-left:20%;}
.contmain .conbox2 .box2 .span2 dt{ font-size:15px;}
.contmain .conbox2 .box2 .span2 dt a{ text-decoration:underline;}
.contmain .conbox2 .box2 .span2 dd{ height:3.2em\9; overflow:hidden\9}
.contmain .conbox2 .comumity{ float:right; width:23%;}
.contmain .conbox2 .comumity h3{ margin-left:15px;}
.contmain .conbox2 .comumity .icon{ display:block; width:48%; text-align:center;float:left; margin-bottom:15px;}
@media (max-width: 767px) {
	.contmain .conbox1 .text{ width:auto; float:none;}
}


/*uninstall*/
.contmain h2 span.smallname a{ color:#555; font-size:16px; font-weight:normal;}
/*upgrade*/
.contmain .conbox3 .text{ background:url(images/upgrade-bg.jpg) top repeat-x #eee; position:relative; padding:30px 0 30px 30px; width:70%; float:left;}
.contmain .conbox3 .text .img{ float:left; position:relative; width:25%;}
.contmain .conbox3 .text .img span{ position:absolute; left:-15px; bottom:-20px;}
.contmain .conbox3 .text .str-icon{ position:absolute; top:30%; right:-5px;}
.contmain .conbox3 .text .info{ float:left; width:68%;}
.contmain .conbox3 .text .info .proName{ color:#555; font-size:16px; font-weight:bold; margin-bottom:10px;}
.contmain .conbox3 .text .info dt{ font-size:14px;}
.contmain .conbox3 .text .info dd{ line-height:1.4em; margin-top:5px; background:url(images/dot-icon.png) 0 8px no-repeat; padding-left:10px;}
.contmain .conbox3 .buy-text{ width:25%; float:right; text-align:center; padding-top:50px;}
.contmain .conbox3 .buy-text .price{ font-size:24px; color:#ee4104; margin:10px;}
.contmain .conbox3 .buy-text .price del{ font-size:18px; color:#555;}
.tc{ margin:0 auto;}
.contmain .review{ background-color:#f0f0f0; padding:20px 30px; border-top:1px solid #dcdcdc;overflow:hidden;}
.contmain .review h4{ color:#333; font-size:20px;}
.contmain .review h4 a.more{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;border: solid 1px #d4d4d4; text-align:center; color:#666; padding:3px 10px; font-size:14px;}
.contmain .review .container{ position:relative; width:880px;}
.contmain .review .container .slides li {  padding:25px 0; width:100%; float:none; }
.contmain .review .container .slides li .item{ padding:0 15px;}
.contmain .review .container .slides li img{ float:left; margin-right:10px;}
.contmain .review .container .flex-prev,.contmain .review .container .flex-next{ background:url(images/btn-sicon.png) no-repeat; width:16px; height:22px; position:absolute; top:35%; z-index:1; text-indent:-9999px;}
.contmain .review .container .flex-prev:focus,.contmain .review .container .flex-next:focus{ outline:none;}
.contmain .review .container .flex-prev{ left:-30px;}
.contmain .review .container .flex-next{ background-position:-33px 0; right:-30px;}
.contmain .review .container .flex-disabled{ display:none;}
.nameRat{ margin-left:10px; padding-top:3px; display:block; float:right;}
/*install*/
.sidebar-specialArea .proName{ width:25%; float:left; text-align:center; padding:15px 0 0 20px;}
.sidebar-specialArea .proName .proTitle{ font-size:16px; margin-bottom:20px;}
.sidebar-specialArea .price{ font-size:18px; color:#ee4104; margin-top:10px;}
.sidebar-specialArea .price s{ text-decoration:line-through; font-size:14px; color:#555;}
.sidebar-specialArea .cross{ background:url(images/add-icon.png) no-repeat; width:28px; height:29px; display:block; float:left; margin-top:8%;}
.sidebar-specialArea .item{ width:35%; float:left; margin-left:30px;padding-top:15px;}
.sidebar-specialArea .item .select{ font-size:16px; margin-bottom:20px;}
.sidebar-specialArea .item .info .img{ float:left; width:110px; position:relative;}
.sidebar-specialArea .item .info .img a{ margin-bottom:10px; display:block;}
.sidebar-specialArea .item .info .descript{ float:left; width:65%;}
.sidebar-specialArea .item .info .desText{ float:left;}
.sidebar-specialArea .item .info .img .50-off{ position:absolute; left:-15px; bottom:-20px;}
.sidebar-specialArea .pay{ float:right; width:270px; text-align:center; background:url(images/install-buy-bg.jpg) no-repeat; padding:50px 0 50px 0;}
.sidebar-specialArea .pay span{ font-size:16px;}
.sidebar-specialArea .pay span.save{ color:#ee4104; font-size:24px; display:block; margin:10px 0 15px 0;}
#save_sum_price{color:#ee4104; font-size:24px;}
.conbox5 .text{ padding:20px 30px;}
.conbox5 .text .img{ float:left; width:30%;position: relative;}
.conbox5 .text .img .btn_zoom{position:absolute; z-index:2; top:48%; left:45%; margin:-25px 0 0 -25px; background:#000 url(https://images.wondershare.com/style/images/btn_zoom.png) no-repeat center center; width:50px; height:50px; border-radius:50px;opacity: 0.5;}
.conbox5 .text .img a:hover .btn_zoom{background-color:#55bdf2;opacity:1;}
.conbox5 .text .info{ float:right; width:65%;}
.conbox5 .text .info .number{ display:block; float:left; width:43px; height:43px; text-align:center; color:#333; font-weight:bold; font-size:30px; background:url(images/number-bg.png) no-repeat; line-height:43px;}
.conbox5 .text .info .guide_text{ float:left; margin-left:15px; width:90%;}
.conbox5 .text .info .guide_text .title{ font-size:18px;}
.conbox5 .text .info .guide_text dl dd{ margin-top:8px;}