@charset "utf-8";
/* CSS Document */
ul{margin-left:0;padding-left:20px;}
img{ max-width:100%;}
.desc{ line-height:1.6em; font-size:18px;}

.border-left-5 {border-left:5px solid #0febc0;}
.border-bottom-5 {border-bottom:5px solid #0febc0;}

.home-banner{padding:8rem 0;}
.home-banner h1{text-shadow: 0 2px 4px rgba(0, 0, 0, 0.52);}
.home-banner .desc{text-shadow: 0 2px 4px rgba(0, 0, 0, 0.52);}
@media (max-width:767px){
	.home-banner{padding:7rem 0 4rem 0;}
}

.home-pro-outline{ border:1px solid #eae8e8; min-height:240px;}
.home-pro-bg{ background-color:#0febc0;border:1px solid #0febc0;min-height:240px;}
.col-shadow{ background-color:#fff;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.14);}

.pro-banner-menu a{display:inline-block;color:#000 !important;}
.pro-banner-menu a:hover{color:#0febc0 !important; text-decoration:none; font-weight:600;}

.pro-outline-outside{border-top:1px solid #ebe9e9;border-right:1px solid #ebe9e9;}
.pro-outline-outside .row > div{border-left:1px solid #ebe9e9;border-bottom:1px solid #ebe9e9;}

@media (max-width:800px){
	.slick-arrow{display:none !important;}
}

.outline-outside-white{border-top:1px solid #ebe9e9;border-left:1px solid #ebe9e9;}
.outline-outside-white > div{border-right:1px solid #ebe9e9;border-bottom:1px solid #ebe9e9;padding:20px 0;background-color:#fff;}
.outline-outside-white > div >p{margin-bottom:0;}
.outline-outside-white .col-box{float:left;width:12.5%;}
.outline-outside-white .col-box-2{float:left;width:11.1%;}
@media (max-width:767px){
	.outline-outside-white .col-box{width:25%;}
	.outline-outside-white .col-box-2{width:25%;}
}

.pro-outline{ background-color:#fff;border:1px solid #e8e7e7; min-height:265px;}
.pro-outline:hover{background-color:#0febc0;}
.pro-outline .h-show{display:none;}
.pro-outline:hover .h-show{display:inline-block;}
.pro-outline:hover .h-hidden{display:none;}
.pro-outline .icon{margin-top:2rem;}
.pro-outline:hover .icon{margin-top:0;}

.pro-outline-2{ background-color:#fff;border:1px solid #e8e7e7; min-height:265px;}

.tab-style{border-top:1px solid #eee;border-right:1px solid #eee;}
.tab-style td{border-bottom:1px solid #eee;border-left:1px solid #eee;padding:0.75rem; text-align:center;}
.tab-style2{border-top:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
.tab-style2 td{border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;padding:0.75rem; text-align:center;}

.paging {text-align:center;margin-top:2rem;}
.paging a.bb {margin: 0 20px;background-color: #fff;border-radius: 2px; border:2px solid #0febc0;border-radius: 100px!important;padding: .2rem .8rem;}
.paging a.curr, .paging a:hover {text-decoration: underline;background-color: inherit;color: #333;}
.paging a {border: none;color: #333;margin: 0 10px;}
.paging a:hover.bb{ background-color:#0febc0; text-decoration:none;}

.buy-outline-white{background-color:#fff;border:1px solid #0febc0;box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.buy-outline-white .dot{border:1px solid #0febc0; text-align:center;padding:6px; font-style:normal;margin-right:10px;}
.buy-outline-white big{color:#f37460; font-weight:bold;padding:0 5px;}
.buy-outline-white del{padding:0 5px;}
.buy-outline-white .greeout{border:1px solid #0febc0; border-radius:3px;}
.buy-outline-white .grayout{border:1px solid #eaeaea; border-radius:3px;}
.buy-outline-white .grayout.active{border:1px solid #0febc0; border-radius:3px;}
.buy-outline-white .grayout .check{display:inline-block;width:16px;height:16px; background-image:url(https://toolbox.iskysoft.com/images/2018new/icon-dot.png); background-repeat:no-repeat;margin-right:10px;margin-top:3px;}
.buy-outline-white .grayout.active .check{ background-position:0 -16px;}

.line-right-arrow{border-left:2px solid #e7e5e5;position:relative;}
.line-right-arrow:before{display:block; content:"";display: block;background: url(https://toolbox.iskysoft.com/style/images/rLine_jt.png) no-repeat 0 0;width: 20px;height: 24px;position: absolute;top:40%;left:-2px;}
@media (max-width:767px){
	.line-right-arrow{border-left:none;}
	.line-right-arrow:before{display:none;}
}

.buy-bottom-outline{border:1px solid #e5e4e4; background-color:#fff; min-height:300px;}
@media (max-width:767px){
	.buy-bottom-outline{ min-height:auto;}
}

.tab-menu{border:1px solid #0febc0;}
.tab-menu a{float:left;display:inline-block;padding:1rem 2.2rem; text-align:center;border-left:1px solid #0febc0;}
.tab-menu a:first-child{border-left:0;}
.tab-menu a.active{ background-color:#0febc0;}
.tab-menu a:hover{color:#000; text-decoration:none;}
.tab-menu:after{display:block; content:""; clear:both;}
@media (max-width:900px){
	.tab-menu a{width:25%;padding:1rem 0;}
}
@media (max-width:767px){
	.tab-menu a{width:50%;padding:1rem 0;}
}

.clear{display:block; clear:both;}
.bus_form {position:relative; z-index:5;}
.bus_form .info {text-align: center; font-size: 16px;}
.bus_form .pricingbox {float:left; width:48%; min-height:600px; padding:30px 2%; background:#f8f8f8; background-size:auto 100%; border-radius:5px; box-shadow:0 0 20px #999; box-shadow:0 0 20px rgba(0,0,0,.2);}
.bus_form .querybox {float:right; width:48%; min-height:600px; padding:30px 2%; background:#fff; border-radius:5px; box-shadow:0 0 20px #999; box-shadow:0 0 20px rgba(0,0,0,.2);}
.bus_form .pricingbox dl {padding: 3px 0; margin-bottom:0;}
.bus_form .pricingbox .txt {padding: 10px 0;}
.bus_form .pricingbox .txt dt {color:#4a4a4a;}
.bus_form .pricingbox .txt dd {color:#999;}
.bus_form .pricingbox .price {color: #f55a58; font-size: 20px; line-height: 1.2em;vertical-align: middle;}
.bus_form .pricingbox .priceBox,
.bus_form .pricingbox .priceBox_total {padding: 10px 0;}
.bus_form .pricingbox .priceBox:after,
.bus_form .pricingbox .priceBox_total:after {display: block;content: ''; clear: both;}
.bus_form .pricingbox .priceBox span,
.bus_form .pricingbox .priceBox_total span {font-size: 16px; line-height: 1.2em; padding-right: 5px; vertical-align: middle;}
.bus_form .pricingbox .priceBox_total .price {font-size: 36px; line-height: 1.2em;}
.bus_form .pricingbox .btnBox {text-align: left;}
.bus_form .pricingbox .btnBox a {display: inline-block; margin: 5px;}
.bus_form .pricingbox .btnBox span {padding:10px;}
@media (max-width: 979px) {
	.bus_form .pricingbox,
	.bus_form .querybox {float:none; width:auto; height:auto; margin-bottom:20px;}
	.bus_form .pricingbox .btnBox {text-align: center;}
	.bus_form .pricingbox .btnBox span {display: block;}
}

.form_table input[type='text'] {padding:8px 10px; background: none; border:0;border-bottom: 1px solid #dedede;display: block;width:100%;margin:0 0 5px 0;font-size:15px; line-height:1.2em;color: #888;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.form_table textarea,
.form_table select {border:0;border-bottom: 1px solid #dedede; background: none;display: block;width:100%;margin:0 0 10px 0;font-size: 15px; line-height:1.2em;color: #888;padding:8px 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.form_table textarea {width:100%; padding:10px; background:#f8f8f8; border-bottom:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.form_table input[type='text']:hover,
.form_table select:hover,
.form_table input[type='text']:focus,
.form_table select:focus{ border-bottom:1px solid #6ec2e8;}
.form_table input[type='text'].error_tips,
.form_table select.error_tips,
.form_table textarea.error_tips,
.form_table .multiSelect.error_tips{border-bottom:1px solid #f75a50; color: #f75a50;}
.form_table input[type='text'].success_tips,
.form_table select.success_tips,
.form_table textarea.success_tips,
.form_table .multiSelect.success_tips{border-bottom:1px solid #3c763d;}
.form_table input[type='text'].multiSelect_txt{border:none; height:30px; line-height:30px; padding:0 0 0 5px; width:60%;}
.form_table input[type='text'].border,
.form_table textarea.border,
.form_table select.border {border: solid 1px #cdcdcd; background: #fff; border-radius: 2px;}
.form_table textarea.white {background: #fff;}
.form_table input[type='text'].border.error_tips,
.form_table select.border.error_tips,
.form_table textarea.border.error_tips,
.form_table .border.multiSelect.error_tips{border:1px solid #f75a50; color: #f75a50;}
.form_table input[type='text'].border.success_tips,
.form_table select.border.success_tips,
.form_table textarea.border.success_tips,
.form_table .border.multiSelect.success_tips{border:1px solid #f75a50; color: #3c763d;}
.form_table .tips_error {margin-top:10px;display:block;color:#f55a58; font-size:14px; line-height: 18px;}
.form_table .tips_error:before{content:'\e002'; font-family:'globalIconfont';color:#f55a58; font-size:18px;padding-right:5px;}
.form_table .tips_success {margin-top:10px;display:block;color:#3c763d; font-size:14px; line-height: 18px;}
.form_table .tips_success:before{content:'\e86c'; font-family:'globalIconfont';color:#3c763d; font-size:18px;padding-right:5px;}
.form_table label {display: inline-block; padding:5px 0; font-size: 16px; line-height: 1.4em;}
.form_table td{ width:50%;}
.form_table dl {padding:10px 0;}
.form_table dl:after {display:block; content:''; clear:both;}
.form_table .col9,
.form_table .col6,
.form_table .col3,
.form_table .col2 {float:left;}
.form_table .col9 {width:66.2%;margin-left: 1.5%;}
.form_table .col6 {width:48%;margin-left: 4%;}
.form_table .col3 {width:32.3%; margin-left: 1.5%;}
.form_table .col2 {width:15.66%; margin-left: 1.2%;}
.form_table .col6:first-child,
.form_table .col3:first-child,
.form_table .col2:first-child {margin-left:0;}
.form_table .col6:nth-of-type(2n+1),
.form_table .col3:nth-of-type(3n+1),
.form_table .col2:nth-of-type(6n+1){clear:both;}
.form_table .btnBox {padding-top:20px; text-align:center;}
@media (max-width: 479px) {
	.form_table dl {padding:0;}
	.form_table dl dd {padding-bottom: 10px;}
	.form_table .col9,
	.form_table .col6,
	.form_table .col3,
	.form_table .col2 {float:none; width: auto;margin-left: 0}
}

/*tips help*/
.tips_help {position: relative;z-index: 1;}
.tips_help span {display: none; font-size: 12px; line-height: 1.4em; position: absolute; z-index: 2; bottom:24px; left: 50%; margin-left: -100px; width: 180px; padding: 10px; background: #fff; border-radius: 5px;box-shadow:0 0 10px #333;box-shadow:0 0 10px rgba(53,49,50,.2);}
.tips_help span:after {display: block;content: '';height: 0;width: 0;position: absolute;bottom:-12px;left: 50%;margin-left: -6px;border: solid transparent;pointer-events: none;border-color: transparent;border-top-color: #fff;border-width: 6px;}
.tips_help:hover span {display: block;}

/*rating*/
.rating{display:inline-block;*display:inline; zoom:1; *margin-bottom:3px;} 
.rating li{ display:inline-block; *display:inline;*padding:0 2px 0 0; height:15px;width:15px; background:url(https://videoconverter.wondershare.com/style2017/images/star_img.png) no-repeat 0 -3px; zoom:1}
.rating li.on{background-position:0 -31px}
.rating li.half{background-position:0 -58px}

.bigRating li{background-position:-30px 0; width:30px; height:30px; }
.bigRating li.on{background-position:-30px -36px}
.bigRating li.half{background-position:-30px -72px}

.middleRating li{background-position:-71px 0; width:20px; height:20px; }
.middleRating li.on{background-position:-71px -36px}
.middleRating li.half{background-position:-71px -72px}

/*fix_side*/
.fsb_style {width:100%; height:100%; position:fixed; z-index:20; top:0; left:0;overflow-y:auto;}
.fix_side {position:absolute; z-index:90; top:65px; left:50%; margin-left:-820px; width:170px; background:#f8f8f8; color:#4a4a4a; border:solid 1px #eee;box-sizing: border-box;}
.fix_side .title {background:#0febc0; color:#fff; margin:0; padding:12px 6px; font-size:14px; line-height:1.2em;text-align: left;}
.fix_side a {color:#666 !important; text-decoration:none;}
.fix_side a:hover {color:#0febc0 !important;}
.fix_side a:hover {text-decoration:underline; color:#0febc0;}
.fix_side dl {margin:0; padding:0;}
.fix_side dl dt {line-height:1.2em; font-size:14px; font-weight:bold; padding:10px 30px 10px 10px; border-top:solid 1px #eee; cursor:pointer; position:relative; z-index:1;}
.fix_side dl dt span {display:block; position:absolute; top:8px; right:10px; width:18px; height:18px; font-size:18px; line-height:16px; font-weight:bold; text-align:center; border:solid 1px #989b9c; color:#989b9c; border-radius:20px;padding-left: 1px;}
.fix_side dl dt.curr span {border:solid 1px #0febc0; color:#0febc0;}
.fix_side dl dd {margin:0; padding:10px 0; display:none;}
.fix_side dl dd ol,
.fix_side dl dd ul {margin:0; padding:0 10px 0 25px;}
.fix_side dl dd ol li,
.fix_side dl dd ul li {margin:0; padding:5px 0; font-size:13px; line-height:1.2em;list-style:decimal;}
.fix_side dl dd ul li {list-style:disc;}
@media (min-width: 1400px) {
	.fix_side {width: 220px;}
}
@media (max-width: 1500px) {
	.fix_side_togg {left:0; margin-left:0;overflow:hidden;}
	.fix_side_togg2 {left:0; margin-left:0;overflow:hidden;}
	.fix_side_togg .title {font-size:14px;}
	.fix_side_togg dl {display:none;}
}

.pro-item{border:1px solid #eae8e8; background-color:#fff; min-height:312px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.pro-item:hover{ background-color:#0febc0;}
.pro-item .img-0{}
.pro-item .img-hover{display:none;}
.pro-item:hover .img-0{display:none;}
.pro-item:hover .img-hover{display:inline-block;}
.pro-item a{color:#0febc0 !important;}
.pro-item:hover a{color:#fff !important;}
.pro-item-gray{border:1px solid #eae8e8; background-color:#f9f9f9;min-height:312px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.pro-item-gray:hover{ background-color:#0febc0;}
.pro-item-gray .img-0{}
.pro-item-gray .img-hover{display:none;}
.pro-item-gray:hover .img-0{display:none;}
.pro-item-gray:hover .img-hover{display:inline-block;}
.pro-item-gray a{color:#0febc0 !important;}
.pro-item-gray:hover a{color:#fff !important;}

.article-main .container {max-width: 1000px;}

.box-row5 .col{float:left;width:20%;}
.box-row5:after{ display:block; content:""; clear:both;}
@media (max-width: 800px) {
	.box-row5 .col{width:33.3%;}
}
@media (max-width: 767px) {
	.box-row5 .col{float:none;width:auto;}
}

.show-box{ min-height:252px;}
.show-box:hover{background-color:#0febc0 !important;}
.show-box .h-show{display:none;}
.show-box:hover .h-show{display:inline-block;}
.show-box:hover .h-hidden{display:none;}