@charset "utf-8";
.page_top_fixed {padding:15px 0; background:#1fabe4; color:#fff;position:fixed; bottom:0; left:0; width:100%; z-index:300; box-shadow:0 0 10px #fff;}
.page_top_fixed .pro_name {float:left; font-size:20px; line-height:1.2em; padding:8px 0 0 0;}
.page_top_fixed .btn {float:right;}
.page_top_fixed .btn a {float:left; display:block; padding:8px 20px; background:#fe5e1e; color:#fff;font-size:20px; line-height:1.2em;border-radius:50px;}

/* top_header */
.top_header{ background:#1eade7;padding:10px 0;}
.top_header .drlogo{font-size:26px; font-weight:500; line-height:42px;}
.top_header .drlogo a{color:#fff; text-decoration:none;}

/*btn*/
.btnDown_win,
.btnDown_mac{display:inline-block; background:#fe5e1e url(images/btn_sys_img.png) no-repeat 90% 15px;color:#fff; font-size:20px; width:200px;height:45px; line-height:1.2em; border:2px solid #fe5e1e; border-radius:50px;padding:10px 50px 5px 30px; text-align:left;}
.btnDown_win strong,
.btnDown_mac strong {display:block; font-size:20px; line-height:1.2em;}
.btnDown_win span,
.btnDown_mac span {display:block; font-size:12px; line-height:1.2em;}
.btnDown_mac{ background-position:90% -161px;background-color:#fff;color:#fe5e1e;}
.btnDown_win:hover,
.btnDown_mac:hover{text-decoration:none; background-color:#ff491c; color:#fff;}
.btnDown_mac:hover {background-position:90% -101px;}

.pageMain {padding:60px 0;}
.columnStyle {padding:0 0 20px 0; text-align:center;}
.columnStyle .name { font-size:36px; line-height:1.2em; padding:0 10% 10px 10%;}
.columnStyle p {font-size:14px; line-height:1.4em; color:#666; padding:0 15%;}
.columnStyle p strong {color:#333;}
.stp p {padding:0;}

.bgColor {background:#fbfbfb;}

.banner {padding:60px 0;}
.banner .pic {float:left; width:42%; position:relative; z-index:1;}
.banner .downBox {position:absolute; z-index:2; bottom:-5%; left:-20%; background:#fff; border-radius:100%; width:140px; height:140px; padding:20px; box-shadow:0 0 5px #ccc; text-align:center; font-size:18px; line-height:1.2em; color:#1eade7;}
.banner .downBox .downNum strong {font-size:30px; line-height:1.2em; font-weight:normal; display:block;}
.banner .downBox a {color:#1eade7; text-decoration:none;}
.banner .info {padding:0 0 0 50%;}
.banner .proName { color:#1eade7; font-size:18px; line-height:1.2em; padding-bottom:5px;}
.banner .title {color:#1eade7; font-size:36px; line-height:1.2em;}
.banner .title span {display:block;}
.banner .txt { font-size:22px; line-height:1.2em; color:#333; padding:10px 0;}
.banner .txt ul {font-size:16px; line-height:1.2em; color:#666; padding:10px 0 0 0;}
.banner .txt ul li {background:url(images/li_dotImg.png) no-repeat 0 8px; padding:5px 0 10px 30px;}
.banner .fully {font-size:14px; line-height:1.2em; color:#333; padding:10px 0 0 0;}
.banner .price {padding:10px 0;}
.banner .price del { font-size:14px; line-height:1.2em;}
.banner .price big {font-size:20px; line-height:1.2em; color:#fe681f;font-weight:bold; }
.banner .btn { overflow:hidden; padding:10px 0 0 0;}
.banner .btn a {margin:0 0 15px 0;}
.android_banner .info {padding:5% 0 0 50%;}

.device_box {padding:20px 0; overflow:hidden;}
.device_box .menu {width:60%; margin:0 auto; overflow:hidden;}
.device_box .menu li {float:left; width:30.3%; margin:0 1.5%; padding:10px 0; background:#1fabe4; color:#fff; font-size:18px; line-height:1.2em; cursor:pointer;}
.device_box .m5li {width:100%;}
.device_box .m5li li {width:18.4%; margin:0 0 0 2%}
.device_box .m5li li:first-child {margin-left:0;}
.device_box .menu li.curr {padding:10px 0 20px 0; background:#eee; color:#4d4d4d;}
.device_box .menu .icon {display:block; widows:82px; height:100px; background:url(images/img_apple.png) no-repeat center 0;}
.device_box .menu .i1 {background-position:center 0;}
.device_box .menu .i2 {background-position:center -200px;}
.device_box .menu .i3 {background-position:center -400px;}
.device_box .menu .i4 {background-position:center -600px;}
.device_box .menu .i5 {background-position:center -800px;}
.device_box .menu li.curr .i1 {background-position:center -100px;}
.device_box .menu li.curr .i2 {background-position:center -300px;}
.device_box .menu li.curr .i3 {background-position:center -500px;}
.device_box .menu li.curr .i4 {background-position:center -700px;}
.device_box .menu li.curr .i5 {background-position:center -900px;}
.device_box .menu .name {display:block; text-align:center; min-height:30px;}
.device_box .menu2 {overflow:hidden; padding-bottom:10px;}
.device_box .menu2 li {float:left; margin:10px 10px 10px 0; padding:5px 20px; border-radius:100px; border:solid 2px #1fabe4; color:#1fabe4; cursor:pointer;}
.device_box .menu2 li.curr {background:#1fabe4; color:#fff;}
.device_box .cont {background:#eee; padding:30px;}
.device_box .cont dl {overflow:hidden;}
.device_box .cont dl dd {float:left; width:25%; padding:10px 0;}
.device_box .cont .tips {color:#1fabe4; padding:10px 0 0 0;}

.supp_files {padding:20px 0;}
.supp_files  .title {color:#1fabe4; font-weight:bold; font-size:16px; text-align:center; padding:20px 0;}
.supp_files dl {overflow:hidden; padding:20px 0 0 0;}
.supp_files dl dd {float:left; width:25%; padding:10px 0;}

.brandBox {padding:20px 0; color:#666;}
.brandBox strong {color:#333;}
.brandBox .tips {padding:20px 0;}
.brandTable dl {overflow:hidden; background:#fff;}
.brandTable dl:nth-child(odd) {background:#f7f7f7;}
.brandTable dl.bc {background:#f7f7f7;}
.brandTable dl dt {float:left; width:200px; padding:30px;}
.brandTable dl dd {padding:30px 30px 30px 230px;}

.softUI_box {padding:20px 0;}
.softUI_box .item {float:left; width:25.3%;}
.softUI_box .jt {float:left;width:5%; padding:12% 2% 0 2%;}
.softUI_box .title {padding:20px 0; overflow:hidden; font-size:14px; line-height:1.4em;}
.softUI_box .title strong {background:#bfbfbf; color:#fff; border-radius:100px; display:block; float:left; width:30px; height:30px; line-height:30px; text-align:center;}
.softUI_box .title span {display:block; padding:4px 0 0 38px;}
.softUI_box .pic {position:relative;}
.softUI_box .pic a {display: block;}
.softUI_box .pic .view {display:block; width:45px; height:45px; position:absolute; bottom:-20px; right:-20px; background:url(images/icon_add.png) no-repeat;}

.bottom_feat {background:#1fabe4; color:#fff; padding:60px 0;}
.bottom_feat .column {padding:0 10% 30px 10%; font-size:36px; line-height:1.2em; color:#fff; text-align:center;}
.bottom_feat .cont {padding:20px 0;}
.bottom_feat .item {float:left; width:23.5%; margin-left:2%;width:21%/9; margin-left:0/9; margin-right:4%/9; position:relative;}
.bottom_feat .item:first-child {margin-left:0;}
.bottom_feat .item .info {border:solid 1px #fff; padding:15% 5%; text-align:center;}
.bottom_feat .item .info p {min-height:140px; padding:0 5%;}
.bottom_feat .item .title {font-size:18px; line-height:1.2em; padding:20px 0 0 0; min-height:40px;}
.bottom_feat .item .dot {display:block; overflow:hidden; width:3px; height:3px; background:#fff; position:absolute;}
.bottom_feat .item .dot.tl {top:-1px; left:-1px;}
.bottom_feat .item .dot.tr {top:-1px; right:-1px;}
.bottom_feat .item .dot.bl {bottom:-1px; left:-1px;}
.bottom_feat .item .dot.br {bottom:-1px; right:-1px;}

.btm_review{padding:60px 0;border-bottom:1px solid #e9e9e9;}
.btm_review .fltext{float:left;}
.btm_review .fltext h2{ font-size:26px; line-height:1.2em; font-weight:500;}
.btm_review .fltext .num{color:#1eade7; font-size:16px;}
.btm_review .fltext .num a{ text-decoration:none;}
.btm_review .fltext .num a:hover{color:#1eade7;text-decoration:none;}
.btm_review .frbtn{float:right;margin-top:20px;}
.btm_review .rvbox{margin-top:50px;}
.btm_review .rvbox .item{float:left;width:30%;margin-left:5%;}
.btm_review .rvbox .item:first-child{margin-left:0;}
.btm_review .rvbox .item h3{ font-size:16px;color:#1eade7;}
.btm_review .rvbox .item .dd{ font-size:12px;margin:15px 0; line-height:1.4em;}
.btm_review .rvbox .item .name{font-size:12px; line-height:1.4em;}
@media (max-width: 479px) {
	.btm_review .rvbox{margin-top:20px;}
	.btm_review .rvbox .item{width:auto;margin-left:0;margin-top:15px;}
}
.btm_review2{ background:#f2f2f2;padding:60px 0;}
.btm_review2 .column{font-size:30px;font-weight:300;color:#333; text-align:center;line-height: 1em;padding:0 5% 10px 5%;}
.btm_review2 .column strong {font-weight: bold;}
.btm_review2 .name{ color:#999999; font-style:italic;}
.btm_review2 .span {padding-bottom:30px;}
.btm_review2 p {line-height:1.4em; color:#666;}

.page_bottom {background:#1fabe4; color:#fff; padding:60px 0;}
.page_bottom .title{ font-size:36px;line-height:1.2em; text-align:center; padding:10px 0;}
.page_bottom .title2{ font-size:18px;line-height:1.2em; font-weight:300; text-align:center;}
.page_bottom .price {text-align:center; padding:20px 0 0 0; font-weight:bold;}
.page_bottom .price del { font-size:14px; line-height:1.2em;}
.page_bottom .price big {font-size:20px; line-height:1.2em; color:#fe681f;}
.page_bottom .downNum {text-align:center; font-size:18px; line-height:1.2em; padding:20px 0 0 0;}
.page_bottom .downNum strong {font-size:26px; line-height:1.2em; padding-right:5px;}
.page_bottom .btn {padding:20px 0 0 0;text-align:center;}
.page_bottom .btn a {display:inline-block; margin-right:10px;}
.page_bottom .btn a.gotoBtn {display:block; padding-top:10px;}
.page_bottom .ps {text-align:center; padding:20px 0 0 0;}
.pbs{background:#fff; color:#666;}
.pbs .title strong {color:#333;}
.pbs .downNum strong {color:#1fabe4;}

.toTop {display:block; position:fixed; z-index:2; background:url(http://images.wondershare.net/style/images/btn.png) no-repeat  -163px -53px; width:55px; height:50px; bottom:30px; right:3%; text-indent:-99999px;}
@media (max-width: 979px) {
	.toTop { position:relative; right:auto; bottom:auto; width:auto; height:auto; z-index:1; line-height:40px; display:block; background:#5d667b; color:#fff; text-align:center; text-indent:inherit;}
}

/*footer*/
.footer-old{ background:#fff; overflow:hidden; padding: 25px 0; color:#666; text-align:left;border-top:1px solid #e4e4e4;}
.footer-old dt{ font-size:15px;  color:#444; margin-bottom:2px;}
.footer-old a{color:#666;}
.footer-old .link{ font-size:12px;padding-right:20px; margin-right:20px;}

.bottom_unin{border-top:1px solid #e4e4e4; background:#fff;}
.bottom_unin .title{ font-size:18px; background:url(http://www.wondershare.net/ad/images/icon_add.png) no-repeat right 0;width:430px; line-height:59px;height:59px; cursor:pointer;}
.bottom_unin .title.curr{ background-position:right -59px;}
.bottom_unin .info{padding-bottom:20px;display:none;}
.bottom_unin .techspec{width:auto;float:none;border:1px solid #e3e3e3;padding:15px 20px;margin-left:1px;margin-bottom:10px;}
.bottom_unin h2{font-size:23px; line-height:30px; margin:20px 0; text-align:left; color:#444; font-weight:normal;}
.bottom_unin .techspec .text p{ margin-bottom:10px;}
.bottom_unin .step_unin .step{font-size:16px; padding-bottom:10px;}
.bottom_unin .step_unin .itme{position: relative; max-height:110px; height:110px;float: left; display: block; margin-left:2.564102564102564%;width:31.6%;}
.bottom_unin .step_unin .itme:first-child{ margin-left:0;}
.bottom_unin .step_unin .step span{ display:inline-block; width:24px; height:24px; border-radius:15px; background-color:#415263; color:#fff; text-align:center;}
.bottom_unin .step_unin .bottom_panel_btn .text span{ font-size:14px; margin-top:0;}
.bottom_unin .step_unin .bottom_panel_btn .text{ padding:0 0 0 8px;}
.bottom_unin .step_unin .bottom_panel_btn{ position:relative;display: block;width:180px;font-size:20px; height:50px; line-height:1.2em; float:left; margin-top:5px;color:#fff;padding:7px 15px 0 15px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px;}
.bottom_unin .step_unin .bottom_panel_btn .hands_icon{ position:absolute; right:55px; bottom:-7px;}
.bottom_unin .step_unin .btn_errow {position:absolute; width:61px; height:23px; bottom:30px; right:0; background:url(http://www.wondershare.net/ad/images/dot_line.png) no-repeat; display:inline-block;}
.bottom_unin .step_unin .bottom_panel_icon,.bottom_unin .step_unin .itme .pro_name{ margin-left:50px;}
.bottom_unin .step_unin .bottom_panel_icon1{ display:block; text-align:center;}
@media (max-width: 979px) {
	.bottom_unin .step_unin .itme{ float:none; width:auto; height:auto; margin-left:0; width:270px; margin:15px auto 0 auto; padding-top:65px;}
	.bottom_unin .step_unin .itme:first-child{ margin-left:auto; padding-top:0;}
	.bottom_unin .step_unin .btn_errow{ background:url(http://www.wondershare.net/ad/images/errow-down-icon.png) no-repeat; width:23px; height:60px; right:50%; bottom:-65px;}
	.bottom_unin .step_unin .bottom_panel_icon,.bottom_unin .step_unin .itme .pro_name{margin-left:90px;}
}
@media (max-width: 767px) {
	.bottom_unin{ display:none;}
}

.picInfo-box {padding:30px 0; font-size:16px; color:#7a7a7a;}
.picInfo-box .infofl {float:left; width:53%;}
.picInfo-box .picfr {float:right; width:44%; text-align:center;}
.picInfo-box .picfr img{max-width:100%;}
.picInfo-box .title-name { font-size:30px; line-height:1.2em; padding:25px 0; font-weight:normal; color:#1eade7;}
.picInfo-box .blues{ color:#1eade7; padding-top:15px;}