@charset "utf-8";

body{font:17px/25px Tahoma, Arial, sans-serif; color:#666; background-color:#fff; min-width:1200px;}
body, h1, h2, h3, h4, h5, h6, p, dl, dd{margin:0;}
ol, ul{margin:0; padding:0; list-style:none;}
th, td, select, button{padding:0;}
a{color:inherit; text-decoration:none;}
a:hover{text-decoration:underline; color:inherit;}
figure{text-align:center; margin:0;}
figcaption{color:#999; font-size:15px;}
img{vertical-align:middle; max-width:100%; height:auto;}
input{border:0; padding:0;}
table{border-collapse:collapse;}
.detail{width:1200px; margin:0 auto;}
.black{color:#000;}
/* CSS Document */

.theMainNav {height:67px;background: #fdfdfd;border-bottom: 1px solid #ebebeb;}
.theMainNav .detail { width:1280px; height:68px; margin:0 auto;}
.theMainNav .detail .left { width:115px; float:left; height:52px; text-align:right; padding:16px 10px 0 0; }
.theMainNav .detail .left a img{max-width:100%;}
.theMainNav .detail .right { width:1155px; float:left; height:68px; font-family:Tahoma, Verdana, sans-serif;}
.theMainNav .detail .right ul { list-style:none; color:#FFF; font-size:17px; line-height:66px;}
.theMainNav .detail .right ul li { display:block; float:left; text-align:center; position:relative; }
.theMainNav .detail .right ul li a { text-decoration:none; color: #333333; display:block; padding:0 26px; }
.theMainNav .detail .right ul li a:hover {color: #0bb7f5;}
.theMainNav .detail .right ul li a>span.has-style { display: inline-block; vertical-align: top; margin: 12px 0 0 5px; width: 30px; height: 18px; line-height: 18px; text-align: center; border-radius: 3px; font-size: 14px;background-color: #F36549;color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.theMainNav .detail .right ul li.current {border: none;background: none;}
.theMainNav .detail .right ul li.current a {color: #0bb7f5;}
.theMainNav .detail .right ol { list-style:none; color:#FFF; line-height:68px; float:right;font-size:16px;}
.theMainNav .detail .right ol li {float:left; text-align:left;position: relative;cursor: pointer;}
.theMainNav .detail .right ol li:last-child {margin-left: 56px;}
.theMainNav .detail .right ol li .to-hover-nav { text-decoration:none; color: #333333; display:block;}
.theMainNav .detail .right ol li .to-hover-nav i { display: inline-block; vertical-align: middle; width: 8px; height: 8px; margin: 0 0 9px 5px;; border-bottom: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.theMainNav .detail .right ol li .to-hover-nav img {vertical-align: middle;margin-top: -1px;}
.theMainNav .detail .right ol li .to-hover-nav:hover {color: #0bb7f5;}
.theMainNav .detail .right ol li .to-hover-nav:hover i {border-color: #0bb7f5;}
.theMainNav .detail .right ol li .container-menu {display: none;position: absolute;top: 100%;left: 0;z-index: 1000;padding: 16px 0;background: #fdfdfd;border: 1px solid #ebebeb;border-top: none;}
.theMainNav .detail .right ol li .container-menu a {font-size: 16px;display: block;text-align: left;text-decoration: none;color: #333;height: 34px;line-height: 34px;background: #fdfdfd;padding: 0 26px;white-space: nowrap;}
.theMainNav .detail .right ol li .container-menu a.to-focus {color: #0bb7f5;background: #f0f9fc;}

.mobileMainNav {display: none;height: 68px;position: relative;background-color:#f8f8f8;border-bottom: 1px solid #ebebeb;}
.mobileMainNav .detail {width: 100%;height:68px;position: relative;box-sizing: border-box;padding: 0 22px;margin:0 auto;}
.mobileMainNav .detail .left { width:115px; float:left; height:52px; text-align:right; padding:16px 10px 0 0; }
.mobileMainNav .detail .left a img{max-width:100%;}
.mobileMainNav .detail .nav-menu {width: 25px;height: 25px;background:url(../img/menu.png) center center no-repeat;position: absolute;right: 22px;top: 22px;cursor: pointer;}
.mobileMainNav .detail .nav-menu.nav-menu-cancel {background: url(../img/menu-cancel.png) center center no-repeat;}
.mobileMainNav .detail .right {display:none;position: absolute;top: 70px;left: 0;z-index: 10;width: 100%;box-sizing: border-box;height: auto;background-color: #fff; font-family:Tahoma, Verdana, sans-serif;}
.mobileMainNav .detail .right ul {font-size:17px; font-weight:bold;}
.mobileMainNav .detail .right ul li {list-style:none;border-bottom: 1px solid #ebebeb;position:relative;}
.mobileMainNav .detail .right ul li a {text-decoration:none; color: #333333; display:block;padding: 0 22px;height: 50px;line-height: 50px;}
.mobileMainNav .detail .right ul li a:hover {color: #0bb7f5;text-decoration: none;}
.mobileMainNav .detail .right ul li a>span.has-style {display: inline-block; vertical-align: top; margin: 14px 0 0 5px; width: 30px; height: 18px; line-height: 18px; text-align: center; border-radius: 3px; font-size: 14px;background-color: #F36549;color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.mobileMainNav .detail .right ol {color:#FFF; font-weight:bold;font-size:17px;}
.mobileMainNav .detail .right ol li {list-style:none;line-height: 50px;border-bottom: 1px solid #ebebeb;}
.mobileMainNav .detail .right ol li .to-click-nav {padding: 0 22px;text-decoration:none; color: #333333; display:block;}
.mobileMainNav .detail .right ol li .to-click-nav i {float: right;width:10px;height: 10px;margin: 16px 0 0;border-bottom: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.mobileMainNav .detail .right ol li .to-click-nav i.rotate-style { margin: 22px 0 0;transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); }
.mobileMainNav .detail .right ol li .to-click-nav:hover {color: #0bb7f5;}
.mobileMainNav .detail .right ol li .to-click-nav:hover i {border-color: #0bb7f5;}
.mobileMainNav .detail .right ol li .container-menu {display: none;background: #f8f8f8;border: 1px solid #ebebeb;border-top: none;}
.mobileMainNav .detail .right ol li .container-menu a {display: block;text-decoration: none;color: #333;font-size: 16px;height: 46px;line-height: 46px;background: #f8f8f8;padding: 0 24px;}
.mobileMainNav .detail .right ol li .container-menu a:hover {text-decoration: none;color: #0bb7f5;}
/* CSS Document */

.pm-vs-banner{background:url(../img/pm-vs/banner-bg.jpg) no-repeat center / cover; height:250px;}
.pm-vs-banner .detail{display:flex; flex-flow:column; height:100%; justify-content:center;}
.pm-vs-banner-title{font-size:41px; line-height:1.3; color:#000; padding-bottom:.3em;}
.pm-vs-banner-title span{color:#00abf2;}
.pm-vs-banner-tips{display:flex;}
.pm-vs-banner-tips li{color:#000; margin-right:3%;}
.pm-vs-banner-tips li::before{content:''; display:inline-block; width:19px; height:19px; background-image:url(../img/pm-vs/pm-vs-icons.png); vertical-align:-3px; margin-right:8px;}
/* CSS Document */

.pm-vs-main-wrap{padding:70px 0;}
.pm-vs-main-wrap .detail{display:flex; justify-content:space-between; align-items:flex-start;}
.pm-vs-con{flex-basis:800px; margin-right:20px;}
.pm-vs-section{margin:45px 0;}
.pm-vs-section:last-child, .pm-vs-section:last-child :last-child, .pm-vs-section:last-child :last-child .pm-vs-ti{margin-bottom:0;}
.pm-vs-con > :first-child{margin-top:0;}
.pm-vs-title{font-size:31px; color:#000; font-weight:400; line-height:1.2; margin-bottom:35px;}
.pm-vs-con p{margin:20px 0;}
.pm-vs-con p a, .pm-vs-ul a, .pm-vs-ol a{color:#0f9bff;}
.pm-vs-con p strong, .pm-vs-con p b{color:#000;}
.pm-vs-down{text-align:center; margin:20px 0;}
.pm-vs-down a{display:inline-flex; background-color:#76C346; color:#fff; font-size:19px; padding:5px 20px 6px; border-radius:3px; text-decoration:none; line-height:1.3; align-items:center; margin:0 3%; text-align:left; min-width:244px; box-sizing:border-box; justify-content:center;}
.pm-vs-down a:hover{background-color:#5DB81D;}
.pm-vs-down a::after{content:''; width:30px; height:32px; background-image:url(../img/pm-vs/pm-vs-down-icons.png); margin:2px 0 0 20px;}
.pm-vs-down .pm-vs-down-mac::after{background-position:-40px 0;}
.pm-vs-down a span{font-size:13px; display:block;}
.pm-vs-subti{margin-bottom:20px;}
.pm-vs-subti a{font-size:21px; color:#000; display:block; background-color:#EFF7FF; padding:10px; border-bottom:solid #179BFD; text-decoration:none; position:relative;}
.pm-vs-subti a::after{content:''; position:absolute; right:10px; margin-top:5px; width:28px; height:17px; background:url(../img/pm-vs/pm-vs-icons.png) 0 -29px; transition:transform .3s;}
.pm-vs-subti a.active::after{transform:rotate(180deg);}
.pm-vs-con-wrap, .pm-vs-if-wrap{margin:20px 0;}
.pm-vs-if-slide{position:relative; padding-bottom:29.75%; overflow:hidden;}
.pm-vs-if-slide li{position:absolute; left:0; right:0; font-size:0; visibility:hidden; transform:translate(-100%); transition:.8s;}
.pm-vs-if-slide li.active{transform:none; visibility:visible;}
.pm-vs-if-slide li.active ~ li{transform:translate(100%);}
.pm-vs-if-slide li img{width:49%; height:auto;}
.pm-vs-if-slide li img:first-child{margin-right:2%;}
.pm-vs-if-btn-x{display:flex; align-items:center; justify-content:center; margin-top:15px;}
.pm-vs-if-btn{font-size:0; margin-right:10px; line-height:initial;}
.pm-vs-if-btn button{border-radius:50%; width:13px; height:13px; border:1px solid #559FFB; background-color:transparent; cursor:pointer; margin:0 5px;}
.pm-vs-if-btn .active{background-color:#559FFB; cursor:default;}
.pm-vs-if-more{font-size:15px; color:#77C346;}
.pm-vs-table{margin:20px 0 40px;}
.pm-vs-table table{width:100%;}
.pm-vs-table table th{color:#96afc1;}
.pm-vs-table table th:nth-child(2){width:13%;}
.pm-vs-table table th:last-child{width:13%;}
.pm-vs-table table td, .pm-vs-table table th{padding:6px 12px;}
.pm-vs-table .right, .pm-vs-table .rt-half, .pm-vs-table .wrong{display:block; width:20px; height:19px; background-image:url(../img/pm-vs/pm-vs-icons.png); margin:0 auto;}
.pm-vs-table .rt-half{background-position:-29px 0;}
.pm-vs-table .wrong{background-position:-59px 0;}
.pm-vs-table ul{list-style:disc; padding-left:18px;}
.pm-vs-ti{margin:20px 0;}
.pm-vs-ti a{font-size:17px; color:#96afc1; text-decoration:none; display:block; line-height:1;}
.pm-vs-ti a::before{content:''; position:absolute; width:15px; height:15px; background:linear-gradient(currentColor, currentColor) no-repeat center / 100% 3px, linear-gradient(currentColor, currentColor) no-repeat center / 3px; color:#179BFD; margin:1px 0 0 -25px; transition:transform .3s;}
.pm-vs-ti a:hover, .pm-vs-ti a.active{color:#000;}
.pm-vs-ti a.active::before{transform:rotate(45deg);}
.pm-vs-down-text{margin:20px 0;}
.pm-vs-down-text a{display:block; color:#79c443; border-bottom:1px dashed; width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; text-decoration:none; margin:8px 0;}
.pm-vs-down-text a::after{content:''; position:absolute; width:14px; height:18px; background:url(../img/pm-vs/pm-vs-down-icons.png) -80px -7px; margin:6px 0 0 6px;}
.pm-vs-ol{list-style:decimal; padding-left:18px; margin:20px 0;}
.pm-vs-ul{list-style:disc; padding-left:18px; margin:20px 0;}
.pm-vs-notice{border:1px solid #E2E2E2; padding:18px 7%; position:relative;}
.pm-vs-notice::before{content:''; position:absolute; top:0; left:20px; border-width:15px 9px 7px; border-style:solid; border-color:#559FFB #559FFB transparent;}
.pm-vs-subcon-wrap{display:none;}
/* CSS Document */

.pm-vs-sidebar{flex-basis:320px; border:1px solid #e6e6e6; font-size:15px; color:#131313; padding:2.5%; box-sizing:border-box; position:sticky; position:-webkit-sticky; top:0;}
.pm-vs-sb-ti{font-weight:700; padding-bottom:15px;}
.pm-vs-sb-lists a{display:block; padding:4px 0;}
.pm-vs-sb-list.focus > a, .pm-vs-sb-lists a:hover{color:#0f9bff; text-decoration:underline;}
.pm-vs-sb-ol{list-style:decimal; padding-left:34px;}
.pm-vs-sb-ol li:hover, .pm-vs-sb-ol li.focus{color:#0f9bff; text-decoration:underline;}
.pm-vs-shares{position:absolute; top:calc(100% + 1px); left:-1px; right:-1px; display:flex;}
.pm-vs-shares a{width:64px; height:47px; text-indent:-64px; overflow:hidden; background:url(../img/pm-vs/pm-vs-share-icons.svg) no-repeat center / cover;}
.pm-vs-shares a:first-child{border-bottom-left-radius:4px;}
.pm-vs-shares a:last-child{border-bottom-right-radius:4px;}
.pm-vs-shares .pv-share-fb{background-position-y:top;}
.pm-vs-shares .pv-share-tw{background-position-y:-57px;}
.pm-vs-shares .pv-share-in{background-position-y:-171px;}
.pm-vs-shares .pv-share-cp{background-position-y:bottom;}
.pv-copy-done{position:absolute; right:0; font-size:13px; background-color:#5e5e5e; font-weight:700; color:#fff; padding:0 10px; border-radius:3px 3px 0 0; z-index:-1; transition:bottom .15s; bottom:5px; padding-bottom:5px;}
.pv-copy-done.active{bottom:calc(100% - 5px);}
/* CSS Document */

.pm-vs-lf-down{position:fixed; bottom:35px; left:5px; background:#141E39 url(../img/pm-vs/article-download-banner-black.jpg) 0 / 100%; width:340px; display:none;}
.pm-vs-lf-down a{height:150px; display:block;}
.pm-vs-lf-btn{position:absolute; right:12px; top:2px; font-size:15px; color:#8ea6d6; background-color:transparent; border:0 none;}
/* CSS Document */

.pm-vs-crumbs{padding-bottom:20px;}
.pm-vs-crumbs a{color:#0f9bff;}
/* CSS Document */


.pm-vs-top{position:fixed; right:5%; bottom:20px; display:none;}
.pm-vs-top button{width:40px; height:36px; background:url(../img/pm-vs/pm-vs-icons.png) -88px -6px; border:0 none; cursor:pointer;}
/* CSS Document */

@media (max-width: 979px) {

	body{min-width:100%;}
	.detail{width:96%;}
	/* CSS Document */

	.theMainNav{display:none;}
	.mobileMainNav{display:block;}
	/* CSS Document */

	.pm-vs-banner{height:auto; padding:6% 0;}
	/* CSS Document */

	.pm-vs-down{margin-bottom:-10px;}
	.pm-vs-down a{margin-bottom:10px;}
	.pm-vs-ti a{padding-left:25px;}
	/* CSS Document */

	.MainFoot .Details{width:96%;}
	/* CSS Document */

}

@media (max-width: 767px) {

	.pm-vs-banner-tips{flex-flow:column;}
	.pm-vs-banner-tips li{margin:0 0 8px;}
	/* CSS Document */

	.pm-vs-if-slide{padding-bottom:111.55%;}
	.pm-vs-if-slide li{text-align:center;}
	.pm-vs-if-slide li img{width:90%;}
	.pm-vs-if-slide li img:first-child{margin:0 0 10px 0;}
	.pm-vs-con{margin-right:0;}
	/* CSS Document */

	.pm-vs-main-wrap .detail{flex-flow:column;}
	.pm-vs-sb-ti, .pm-vs-sb-lists{display:none;}
	.pm-vs-sidebar{width:fit-content; width:-moz-fit-content; width:-webkit-fit-content; margin:30px auto 0; flex-basis:auto; border:0 none; padding:0;}
	.pm-vs-shares{position:static;}
	.pm-vs-shares a:first-child{border-top-left-radius:4px;}
	.pm-vs-shares a:last-child{border-top-right-radius:4px;}
	/* CSS Document */

}

@media (max-width: 479px) {

	body{font-size:15px; line-height:23px;}
	/* CSS Document */

	.pm-vs-banner-title{font-size:35px;}
	/* CSS Document */

	.pm-vs-main-wrap{padding:40px 0;}
	.pm-vs-title{font-size:27px; margin-bottom:20px;}
	.pm-vs-table table td{font-size:13px; line-height:1.5;}
	/* CSS Document */

}