/*css reset*/
body,div,dl,dt,dd,ul,ol,li,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var { font-weight: normal; font-style: normal; }
ul{list-style: none;margin-bottom: 20px;}
caption,th { text-align: left; }
/* h1,h2,h3,h4,h5,h6 {font-size: 100%; } */
q:before, q:after{content:' '}
abbr,acronym { border: 0; }
.clearfloat{clear: both;height: 0;font-size: 1px;line-height: 0px;}
p{margin-bottom: 15px;}
.post-content div{margin-bottom: 20px;}

/*common css*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
li{margin-bottom: 3px;}

.fb{font-weight:bold;}
.fn{font-weight:normal;}

.t2{text-indent:2em;}

.lh43{line-height: 43px;}
.lh44{line-height: 44px;}

.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}
.no_unl:hover{text-decoration: none;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.tdu{text-decoration: underline;}
.bc{margin-left:auto;margin-right:auto;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}

.clearfix:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .clearfix{zoom: 1;}
*:first-child + html .clearfix{zoom: 1;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}

.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}
.of{overflow: hidden;}
.border-none{border:0;}

.br_none{border-radius: 0!important;}

.w-25{ width:25%;}

/* height */

.h51 {height: 51px}

.m0{margin: 0;}

.mt0{margin-top: 0;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}

.mb0{margin-bottom: 0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}

.mlr0{margin-left: 0;margin-right: 0;}
.mlr10{margin-left: 10px;margin-right: 10px;}
.ml0{margin-left: 0;}
.ml5{margin-left:5px;}

.plr0{padding-right: 0;padding-left: 0;}
.ptb30{padding-top: 30px;padding-bottom: 30px;}
.pb15{padding-bottom:15px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}

.cursor{ cursor:pointer;}
.curT{ cursor:text;}
.ds-bl{ display:block;}
.ds-il{ display:inline;}

@media screen and (min-width: 451px){
	.fl{float: left;}
	.fr{float: right;}
}

.bg-000{background-color: #000;}
.bg-fff{background-color: #fff;}
.bg-3cb9d0{background-color: #3cb9d0;}
.bor-3cb9d0{border-color: #3cb9d0;}
.bor-2BAACC{border-color: #2BAACC;}
.bor-32aac8{border-color: #32aac8;}
.b_0{border:0;}
.bor-2{border-width: 2px;}
.bor-3{border-width: 3px;}
.borr_0{border-radius: 0;}

.text-fff{color: #fff;}
.text-fff a{color: #fff;}
.text-fff a:hover{color: #23527c;}
.text-32aac8{color: #32aac8;}

/*btn*/
.btn-custom{
  user-select: none;
  transition: all .4s ease-in-out;
  background-size: 300% 100%;
}
.btn-custom:hover{
  box-shadow: 4px 3px 6px 0px rgba(26, 38, 153, 0.29);
  background-position: 100% 0;
}
.btn-custom>a{transition: all .4s ease-in-out;user-select: none;}

/*架构*/
body{font:14px/1.8 'Meiryo',"MS PGothic", Verdana, Arial, Helvetica, sans-serif; color:#4a4a4a;}
p{margin:0 0 10px;padding:0;}

/*防止浏览器滚动条消失*/
html {
overflow-y: scroll;
}

/*特殊字体*/
@font-face
{
	font-family: kvFonts;
	src: url('/jp/fonts/kvFonts/kvFonts.ttf');
	font-display: swap;
}

/* 自定义类 */
.radius-none{border-radius: 0;}
.h-auto{height: auto;}
.dis-block{display: block;}
.dis-ib{display: inline-block;}
.img_list li{margin: 10px 0;}
.img_list li img{margin-right: 10px;width: 44px;height: 44px;}
.nav-pills-32aac8>li.active>a, .nav-pills-32aac8>li.active>a:focus, .nav-pills-32aac8>li.active>a:hover{color: #fff;background-color: #32aac8;}

/* nav */
#header{font-weight: bold;margin-bottom: 0;}
#header div{margin-bottom: 0;}
#header .lang_box{margin-left: 0;}
#header .nav-bor li.lang_box .dropdown-menu{top: 100%;}
#header .navbar-header .navbar-toggle{margin-top: 20px;}
#header .navbar-header .navbar-brand{padding: 21.5px 5px;margin-left: 0;}
#header .navbar-header .navbar-brand img.logo{width: 100%;}
.nav.nav-bor li a{font-size: 16px;}
.nav.nav-bor .dropdown-menu li.active:hover{background-color: #337ab7;}
.search_box_toggle{position: relative;}
.nav-bor li.search_box_toggle{background: url(/images/icon/search.png) no-repeat center center;background-size: 100% 100%;}
.nav-bor li.search_box_toggle:hover{background: url(/images/icon/search_c.png) no-repeat center center;background-size: 100% 100%;}
.nav-bor li.search_box_toggle a.dropdown-toggle{color: #fff;padding: 8px 10px;background-color: transparent;}
.nav-bor li.search_box_toggle a.dropdown-toggle:hover,.nav-bor li.search_box_toggle a.dropdown-toggle:focus{color: #fff;background-color: transparent;}
.nav-bor li.search_box_toggle form.dropdown-menu{background-color: transparent;border:0;}
.nav-bor li.search_box_toggle form.dropdown-menu input.form-control{height: 36px;}
.nav-bor li.search_box_toggle form.dropdown-menu span.input-group-btn{height: 36px;}
.bor-search{margin-top: 22px;padding-right: 10px;}
.bor-search .input-group-sm .input-group-btn button{border-radius: 0;}
.bor-search button:hover{background-color: #2e97b1;border-color: #2e97b1;}
.bor-lang button{background-color: #fff;margin-bottom: 15px;margin-left: 15px;padding: 0 10px;border-radius: 0;color: #000;}
.bor-lang .dropdown-toggle{padding: 4px 10px;}
.bor-lang .dropdown-toggle:before{display: block;float: left;content: "";width: 1px;height: 19px;background-color: #fff;margin-left: -10px;}

/*nav 20210817*/
#bs-example-navbar-collapse-1 li.dropdown .free{color: #ff0000;}
#bs-example-navbar-collapse-1 ul.nav>li.package{position: static;}
#bs-example-navbar-collapse-1 ul.nav>li.package .dropdown-menu{top: 100%;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu{left: -220px;top: 47px;padding: 20px 0;font-weight: normal;width: auto;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu.navbar-jp-2109-form{padding: 0;}
#bs-example-navbar-collapse-1 ul.nav>li.package .dropdown-menu{left: 0;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu.r0{right: 0;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-list-nav{border-left: 1px solid #EBEBEB;padding: 0 12px;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-list-nav>div{float: left;vertical-align: top;padding: 0 12px;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-list-nav>div:first-child{min-width: 240px;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-list-nav>div.drm{min-width: 340px;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav{padding: 15px 15px 0;min-width: 320px;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav.cleverget{min-width: auto;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav.prof-media{min-width: auto;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav .pro-img{text-align: center;padding-left: 0;padding-right: 30px;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav .pro-img img{height: 181px;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav .more img{width: 180px;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav a{text-align: center;transition: all .3s;font-weight: 600;font-size: 18px;color: #000;}
#bs-example-navbar-collapse-1 ul.nav .dropdown-menu div.pro-nav a:hover{color: #32aac8;}
#bs-example-navbar-collapse-1 p.list{line-height: 28px;margin: 12px 0;}
#bs-example-navbar-collapse-1 p.list.pro-main{text-align: center;margin-bottom: 0;}
#bs-example-navbar-collapse-1 p.list>a{display: inline-block;line-height: 28px;color: #333;vertical-align: bottom;transition: all .3s;position: relative;}
#bs-example-navbar-collapse-1 p.list>a.link:hover, #bs-example-navbar-collapse-1 p.list>a.link:focus{color: #32aac8;text-decoration: none;background-color: #F5F5F5;}
#bs-example-navbar-collapse-1 p.list>a.link>img{position: absolute;top: 4px;right: -55px;opacity: 1;transition: opacity .3s;}
#bs-example-navbar-collapse-1 p.list:hover>a.link>img, #bs-example-navbar-collapse-1 p.list:focus>a.link>img{opacity: 0;}
#bs-example-navbar-collapse-1 .pro-nav:hover a.link>img, #bs-example-navbar-collapse-1 .pro-nav:hover a.link>img{opacity: 0;}
#bs-example-navbar-collapse-1 p.list:hover .nav-icon, #bs-example-navbar-collapse-1 p.list:focus .nav-icon{opacity: 1;}
#bs-example-navbar-collapse-1 .pro-nav:hover a.nav-icon, #bs-example-navbar-collapse-1 .pro-nav:focus a.nav-icon{opacity: 1;}
#bs-example-navbar-collapse-1 p.list>a.nav-icon{opacity: 0;width: 19px;height: 21px;vertical-align: middle;margin-left: 7px;}
#bs-example-navbar-collapse-1 p.list>a.nav-win-icon{background-image: url('/images/icon/win6.png');background-repeat: no-repeat;background-position: center;}
#bs-example-navbar-collapse-1 p.list>a.nav-win-icon:hover{background-image: url('/images/icon/win5.png');}
#bs-example-navbar-collapse-1 p.list>a.nav-mac-icon{background-image: url('/images/icon/mac6.png');background-repeat: no-repeat;background-position: center;}
#bs-example-navbar-collapse-1 p.list>a.nav-mac-icon:hover{background-image: url('/images/icon/mac5.png');}
#bs-example-navbar-collapse-1 .pro-list-nav h4{font-weight: bold;font-size: 17px;}
#bs-example-navbar-collapse-1 .pro-list-nav h4:not(:first-child){margin-top: 30px;}
#bs-example-navbar-collapse-1 .search_box_toggle{position: relative;}
#bs-example-navbar-collapse-1 .nav.nav-bor li a{font-size: 16px;}
@media screen and (min-width: 992px){
  #bs-example-navbar-collapse-1 .navbar-nav{float: right;}
}

/*new footer language select 20210817*/
.lang_box .dropdown-menu{top: auto;bottom: 100%;}
.lang_box .dropdown-menu>li>a{padding: 3px 30px;}
.lang_box .dropdown-menu>li>a:hover{color: #32aac8;}
.lang_box:hover .dropdown-menu{display: block;}
.lang_box a{font-size: 16px;color: #ffffff;}

/* 回到头部 */
.rollTop{text-align:right;position:fixed; z-index:16; bottom: 125px;right: 0;width: 46px;height: 46px;display: none;}
.go_to_top{ position:absolute;width: 48px;height: 50px; background: url(/images/icon/top1.png) no-repeat;}
.go_to_top:hover{background: url(/images/icon/top2.png) no-repeat;}

section.left_box{float:left;}
aside.right_box{float:left; margin-left:20px;_display:inline;}

.br{word-break:break-all; /*支持IE，chrome，FF不支持*/
　　word-wrap:break-word;/*支持IE，chrome，FF*/}

/*链接*/
a{color: #2066a4; text-decoration:none;}
a:hover{text-decoration:none;}

.myjumbotron-1 p{font-size: 18px;line-height: 28px;margin-bottom: 0;}

/*display*/
.disib{display: inline-block;}

/*position*/
.pf{position: fixed;}

/*横线*/
hr.s{ border:none; border-bottom:1px solid #e5e5e5; height:1px; overflow:hidden;display: block;}
hr.d{ border:none; border-bottom:1px dashed #e5e5e5; height:1px; overflow:hidden;display: block;}

/*color*/
.red{ color:#F00;}

.pl168{padding-left: 168px;}

.ml70{margin-left: 70px;}
.w678{width: 678px;}

/*tutorial css*/
.anchor-list{}
.anchor-list li{padding: 0 0 0 20px;background-image: url('/images/tutorial/index/anchor-list.jpg');background-repeat: no-repeat;background-position: 6px 8px;margin-bottom: 3px;}
.anchor-list a{color: #17b2eb;text-decoration: none!important;}

/*新改版tab模块*/
.tab-list{background: #c2cdd0;}
.tab-list a{float: left;font-size: 20px;color: #434341;cursor: pointer;position: relative;color: #434341;display: block;background-repeat:no-repeat;}
.tab-list a.on{color: #f56618;background-color: #b3c3c7;text-shadow: 0px 1px 1px #fff;}
.tab-list a:hover{text-decoration: none;}
.tab-triangle{display: none;position: absolute;border-top: solid 9px #b3c3c7;border-left: solid 8px transparent;border-right: solid 8px transparent;bottom: -9px;left: 50%;margin-left: -4.5px;}
.on .tab-triangle{display: block;}

/*新改版button模块*/
.buyit-btn,.trial-btn{display: inline-block; width: 133px; height: 35px;border-radius: 4px;line-height: 32px;margin-left: 10px;}
.buyit-btn:hover,.trial-btn:hover{text-decoration: none;}
.buyit-btn span{color: #ffffff;font-size: 17px;margin-left: 55px;}
.trial-btn span{color: #ffffff;font-size: 17px;margin-left: 47px;}

.buyit-btn-sm,.trial-btn-sm{display: inline-block; width: 108px; height: 27px;border-radius: 4px;line-height: 27px;margin-left: 10px;}
.buyit-btn-sm:hover,.trial-btn-sm:hover{text-decoration: none;}
.buyit-btn-sm span{color: #ffffff;font-size: 15px;margin-left: 37px;}
.trial-btn-sm span{color: #ffffff;font-size: 15px;margin-left: 35px;}

.buy-win{background: #C82828 url(/images/icon/icon.png) no-repeat 15px -2725px;text-indent: 30px;color:#fff;}
.buy-win:active{background: #823125 url(/images/icon/icon.png) no-repeat 15px -2725px;color: #000;}
.buy-win-sm{background:#C82828 url(/images/icon/icon.png) no-repeat 8px -2732px;text-indent: 30px;color:#fff;}
.buy-win-sm:active{background: #823125 url(/images/icon/icon.png) no-repeat 8px -2732px;color: #000;}
.buy-win:hover,.buy-win-sm:hover{background-color: #823125;color: #fff;}
.buy-mac{background: #2c80b5 url(/images/icon/icon.png) no-repeat 15px -2773px;text-indent: 30px;color: #fff;}
.buy-mac:active{background: #48b6fc url(/images/icon/icon.png) no-repeat 15px -2773px;color: #000;}
.buy-mac-sm{background: #2c80b5 url(/images/icon/icon.png) no-repeat 8px -2779px;text-indent: 30px;color:#fff;}
.buy-mac-sm:active{background: #48b6fc url(/images/icon/icon.png) no-repeat 8px -2779px;color: #000;}
.buy-mac:hover,.buy-mac-sm:hover{background-color: #26638a;color: #fff;}

.trial-win{background: #32AAC8 url(/images/icon/icon.png) no-repeat 15px -2725px;text-indent: 30px;color:#fff;}
.trial-win:active{background: #26778b url(/images/icon/icon.png) no-repeat 15px -2725px;color: #000;}
.trial-win-sm{background: #32AAC8 url(/images/icon/icon.png) no-repeat 8px -2732px;text-indent: 30px;color:#fff;}
.trial-win-sm:active{background: #26778b url(/images/icon/icon.png) no-repeat 8px -2732px;color: #000;}
.trial-win:hover,.trial-win-sm:hover{background-color: #26778b;color: #fff;}
.trial-mac{background: #b2c50e url(/images/icon/icon.png) no-repeat 15px -2773px;text-indent: 30px;color:#fff;}
.trial-mac:active{background: #e0f70f url(/images/icon/icon.png) no-repeat 15px -2773px;color:#000;}
.trial-mac-sm{background: #b2c50e url(/images/icon/icon.png) no-repeat 8px -2779px;text-indent: 30px;color:#fff;}
.trial-mac-sm:active{background: #e0f70f url(/images/icon/icon.png) no-repeat 8px -2779px;color: #000;}
.trial-mac:hover,.trial-mac-sm:hover{background-color: #93a20d;color: #fff;}

/*wordpress style*/
.wp-h2{ background:#e1eff2; color:#164b96;}
.wp-content{font:14px/1.8 'Meiryo',"MS PGothic", Verdana, Arial, Helvetica, sans-serif;}
.wp-content h1,.wp-content h2,.wp-content h3,.wp-content h4,.wp-content h5,.wp-content h6{}
.wp-content h3{margin:15px 0 10px 0;}
.wp-content img{margin:15px 10px;max-width: 90%;}
.title-banner{/*background: url('/images/tutorial/index/title-banner.jpg') no-repeat center bottom;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;margin-bottom: 40px;*/}
.title-single{color: #000000;text-align: left; padding: 48px 0;font-size: 36px;line-height: 48px;/*text-shadow: 1px 0 1px #333;*/}
.anchor-list-dark{background: #daedf3;border-radius: 5px;padding: 15px 3%;}
.anchor-list-dark li{padding:3px 15px;}
.anchor-list-dark a{color: #265f8b;}

.trans{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.wp-part{color: #17b2eb;font-size: 26px;line-height: 40px;margin: 50px 0 30px;font-weight: 500;text-align: center;}
.wp-h3{font-size: 22px;color: #244762;}
.wp-bluebg{background: #daedf3;}
.wp-map a{color: #265f8b;}

.part2-tips{background: #eeeeee;}
.part2-tips ul{padding: 15px 0;}
.part2-tips li dt{padding: 5px 10px;cursor: pointer;}
.part2-tips li dd{background: #ffffff;padding: 15px;}
.part2-triangle{display: inline-block;margin-left: 20px;width: 15px;height: 9px;margin-top: 6px;background-repeat: no-repeat;}
.triangle-l{padding-right: 20px;background-image: url(/iphone-transfer/images/How-to-Backup-iPhone-14.png);background-repeat: no-repeat;background-position: right center;}
.triangle-d{padding-right: 20px;background-image: url(/iphone-transfer/images/How-to-Backup-iPhone-13.png);background-repeat: no-repeat;background-position: right center;}

.wp-triangle{ margin-right: 50px;border-top: solid 4px transparent;border-left: solid 8px #164b96;border-bottom: solid 4px transparent;width: 0;height: 0;margin-left: 20px;display: inline-block;}

.pl25{ padding-left:25px}
.w445{ width:445px}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
	margin: 0 auto;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.hot_topic .bx-wrapper .bx-prev {
  left: -45px;
  border-top: 12px solid transparent;
  border-right: 19px solid #898989;
  border-bottom: 12px solid transparent;
  border-left: 0;
  transition: border-color .1s;
}
.hot_topic .bx-wrapper .bx-prev:hover,
.hot_topic .bx-wrapper .bx-prev:focus {
  border-right-color: #C7C7C7;
}
.hot_topic .bx-wrapper .bx-next {
  right: -45px;
  border-top: 12px solid transparent;
  border-right: 0;
  border-bottom: 12px solid transparent;
  border-left: 19px solid #898989;
  transition: border-color .1s;
}
.hot_topic .bx-wrapper .bx-next:hover,
.hot_topic .bx-wrapper .bx-next:focus {
  border-left-color: #C7C7C7;
}
.hot_topic .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 1px;
  height: 1px;
  text-indent: -9999px;
  z-index: 1000;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.bxslider-archive{height: 314px;}

.hot_topic .bx-wrapper img{width: 165px;height: 175px;}

/*more*/
#more{cursor: pointer;font-size: 13px;}

/*tutorial首页banner*/
.tutorial-index-banner{padding: 86px 0 72px;background: url('/images/tutorial/index/banner.jpg') no-repeat center top;}
.bxslider-index{overflow: hidden;height: 314px;width: 100%;}

.tib_box{width: 297px;height: 314px;text-align: center;background-size: cover;background-repeat: no-repeat;background-position: center top;background-color: #fff;float: left;}
.tib_box_100{background-image: url('/jp/tutorial/wp-content/uploads/topic/blu-ray.jpg')}
.tib_box_101{background-image: url('/jp/tutorial/wp-content/uploads/topic/dvd.jpg')}
.tib_box_119{background-image: url('/jp/tutorial/wp-content/uploads/topic/facebook.jpg')}
.tib_box_120{background-image: url('/jp/tutorial/wp-content/uploads/topic/holiday.jpg')}
.tib_box_125{background-image: url('/jp/tutorial/wp-content/uploads/topic/icloud.jpg')}
.tib_box_109{background-image: url('/jp/tutorial/wp-content/uploads/topic/ios.jpg')}
.tib_box_113{background-image: url('/jp/tutorial/wp-content/uploads/topic/ipad.jpg')}
.tib_box_112{background-image: url('/jp/tutorial/wp-content/uploads/topic/iphone.jpg')}
.tib_box_114{background-image: url('/jp/tutorial/wp-content/uploads/topic/ipod.jpg')}
.tib_box_111{background-image: url('/jp/tutorial/wp-content/uploads/topic/itunes.jpg')}
.tib_box_122{background-image: url('/jp/tutorial/wp-content/uploads/topic/mac.jpg')}
.tib_box_124{background-image: url('/jp/tutorial/wp-content/uploads/topic/mp3.jpg')}
.tib_box_123{background-image: url('/jp/tutorial/wp-content/uploads/topic/mp4.jpg')}
.tib_box_107{background-image: url('/jp/tutorial/wp-content/uploads/topic/powerpoint.jpg')}
.tib_box_121{background-image: url('/jp/tutorial/wp-content/uploads/topic/windows.jpg')}
.tib_box_105{background-image: url('/jp/tutorial/wp-content/uploads/topic/youtube.jpg')}
.tib_box_116{background-image: url('/jp/tutorial/wp-content/uploads/topic/alternatives.jpg')}
.tib_box_128{background-image: url('/jp/tutorial/wp-content/uploads/topic/gaming.jpg')}
.tib_box_102{background-image: url('/jp/tutorial/wp-content/uploads/topic/copy.jpg')}
.tib_box_106{background-image: url('/jp/tutorial/wp-content/uploads/topic/download.jpg')}
.tib_box_118{background-image: url('/jp/tutorial/wp-content/uploads/topic/transfer.jpg')}
.tib_box_126{background-image: url('/jp/tutorial/wp-content/uploads/topic/dolby.jpg')}
.tib_box_103{background-image: url('/jp/tutorial/wp-content/uploads/topic/burn.jpg')}
.tib_box_99{background-image: url('/jp/tutorial/wp-content/uploads/topic/player.jpg')}
.tib_box_108{background-image: url('/jp/tutorial/wp-content/uploads/topic/photo.jpg')}
.tib_box_104{background-image: url('/jp/tutorial/wp-content/uploads/topic/video.jpg')}
.tib_box_117{background-image: url('/jp/tutorial/wp-content/uploads/topic/convert.jpg')}
.tib_box_127{background-image: url('/jp/tutorial/wp-content/uploads/topic/movie.jpg')}
.tib_box_115{background-image: url('/jp/tutorial/wp-content/uploads/topic/record.jpg')}
.tib_box_110{background-image: url('/jp/tutorial/wp-content/uploads/topic/music.jpg')}


.tib_box_116>p>a,.tib_box_103>p>a,.tib_box_117>p>a,.tib_box_102>p>a,.tib_box_106>p>a,.tib_box_120>p>a,.tib_box_119>p>a,.tib_box_125>p>a,.tib_box_109>p>a,.tib_box_113>p>a,.tib_box_112>p>a,.tib_box_107>p>a,.tib_box_105>p>a,.tib_box_126>p>a,.tib_box_127>p>a,.tib_box_128>p>a{color: #fff;}
.tib_title{padding: 50px 0 18px;}
.tib_title>a{font-size: 22px;color: #000;}
.tib_text>a{font-size: 12px;color: #000;}

.hot_topic .bx-wrapper .bx-prev {
  left: -45px;
  border-top: 12px solid transparent;
  border-right: 19px solid #898989;
  border-bottom: 12px solid transparent;
  border-left: 0;
  transition: border-color .1s;
}
.hot_topic .bx-wrapper .bx-prev:hover,
.hot_topic .bx-wrapper .bx-prev:focus {
  border-right-color: #C7C7C7;
}
.hot_topic .bx-wrapper .bx-next {
  right: -45px;
  border-top: 12px solid transparent;
  border-right: 0;
  border-bottom: 12px solid transparent;
  border-left: 19px solid #898989;
  transition: border-color .1s;
}
.hot_topic .bx-wrapper .bx-next:hover,
.hot_topic .bx-wrapper .bx-next:focus {
  border-left-color: #C7C7C7;
}


/*tutorial archive banner*/
.tutorial-archive-banner{padding: 86px 0 72px;background: url('/images/tutorial/index/banner.jpg') no-repeat center top;}


/*tutorial-latest*/
.tutorial-latest h1{font-size: 30px;color: #0e0e0e;font-weight: lighter;margin: 30px 0 15px;}
.latest_title{font-size: 22px;line-height: 30px;color: #fff;padding-top: 60px;text-align: center;}
.latest_title.fc-black{color: #000;}
.latest{height: 314px;margin-bottom: 30px;margin-right: 0;}
.latest>.col-md-4{height: 100%;}

.latest>.col-md-8{background-color: #F4F4F4;height: 100%;padding: 30px;}
.latest dd>a{font-size: 14px;line-height: 28px;color: #4a4a4a;}
.latest dd>a:hover{color: #232323;text-decoration: underline;}
.latest_more{text-align: right;}
.latest dd.latest_more>a{color: #53aef3;}


/*recommendation*/
.recommendation{height: 314px;text-align: center;margin-bottom: 30px;padding-top: 22px;}
.recommendation>img{width: 100px;height: 130px;}
.rec_title{font-size: 18px;color: #69b7f2;margin-top: 10px;margin-bottom: 8px;}
.rec_text{font-size: 12px;color: #4a4a4a;line-height: 200%;width: 200px;margin-left: auto;margin-right: auto;margin-bottom: 20px;}
.rec_more>a{width: 130px;height: 28px;line-height: 26px;border: 1px solid #56BDDD;color: #53aef3;font-size: 12px;display: inline-block;}


/*archive*/
.archive{margin-top: 90px;}
.archive h2.title{font-size: 20px;line-height: 25px;color: #434343;text-shadow: none;margin-bottom: 25px;}
.archive h2.title>a{color: #434343;}
.archive .entry{margin-bottom: 50px;}
.archive .entry p{margin-bottom: 20px;}
.archive .entry .post_info{font-size: 14px;color: #9a9999;margin-bottom: 0;padding-left: 22px;background-image: url('/images/tutorial/index/user.jpg');background-repeat: no-repeat;background-position: 0 center;}
.archive .entry .mb0{margin-bottom: 0;}
.archive .entry .fr{float: right;font-size: 14px;color: #53aef3;text-decoration: none;}
.archive .entry .fr:hover{text-decoration: underline;}


/*sidebar*/
.container.ml-30{padding: 0;}
.container.ml-30>.row{margin-left: -30px;margin-right: 0;}
.sidebar_cover{z-index: 1000;float: right;width: 240px;margin-left: 30px;margin-top: 46px;}
/*.sidebar_cover{z-index: 1001;}
.sc_style{width:100%; height:100%; position:fixed; top:0; left:0;overflow-y:auto;}
.sidebar{position: fixed;left: 0;top: 75px;z-index: 1001;}
.sidebar.s_style{position: absolute;top: 75px;left: 0;}*/
.sidebar_title{background-color: #27BEE2;color: #fff;font-size: 18px;font-weight: bold;height: 45px;line-height: 45px;padding-left: 10px;margin-bottom: 0;}
.sidebar_content{background-color: #F2F2F2;border: 1px solid #F2F2F2;padding: 18px 10px 0 5px;position: relative;}
.sidebar_toggle{display: block;width: 22px;height: 21px;position: absolute;right: -6px;top: 0;background-image: url('/images/tutorial/index/sidebar_toggle.png');background-repeat: no-repeat;background-position: 0 0;cursor: pointer;}
.sidebar_category{margin-bottom: 18px;}
.sidebar_toggle.on{background-position: -22px 0;}
.sidebar_category_name{padding-right: 30px;position: relative;line-height: 22px;margin-bottom: 8px;font-weight: bold;}
.sidebar_category_name>a{font-size: 13px;color: #000;word-wrap:break-word;}
.sidebar_category_name>a:hover{color: #000;}
/*.sidebar_category:nth-child(1) ol{display: block;}*/
.sidebar ol{list-style-type: decimal;list-style-position: inside;display: none;}
.sidebar ol>li{color: #757575;font-size: 12px;line-height: 18px;margin-bottom: 8px;}
.sidebar ol>li>a{color: #757575;word-wrap:break-word;}
.sidebar ol>li>a:hover{text-decoration: underline;}

/*20200416 wondershare style*/
.sidebar-ws .sidebar_cover{width: 330px;}
.sidebar-ws font>.sidebar_cover{height: 100%;}
.sidebar-ws .sidebar_title{background-color: #000000;font-size: 24px;line-height: 36px;font-weight: 400;padding: 16px;height: auto;}
.sidebar-ws .sidebar_content{background-color: #ffffff;border: 1px solid #d6d6d6;padding: 24px 0;box-shadow: 0 2px 20px 0 rgba(0,0,0,.15);}
.sidebar-ws .sidebar_category{padding: 0 16px;margin-bottom: 10px;}
.sidebar-ws .sidebar_category_name>b{font-size: 16px;z-index: 1;display: block;width: 100%;height: 100%;}
.sidebar-ws .sidebar_category_name>b:hover{color: #f63f59;}
.sidebar-ws .sidebar_category_name:hover>b{color: #f63f59;}
.sidebar-ws .sidebar_category ol{padding-left: 8px;}
.sidebar-ws .sidebar_toggle{font-size: 20px;z-index: 2;background-image: none;right: 0;width: 100%;height: 100%;}
.sidebar-ws .sidebar_category.on>p b, .sidebar-ws .sidebar_category:first-child>p b{color: #f63f59;}
.sidebar-ws .sidebar_category.off>p b{color: #4a4a4a !important;}
.sidebar-ws .sidebar_category.on>p b:after, .sidebar-ws .sidebar_category:first-child>p b:after{
	content: "\E92C";
    font-family: kvFonts!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    font-smoothing: antialiased;
    font-size: 16px;
    color: #f63f59;
    position: absolute;
    right: 0;
    top: 8px;
}
.sidebar-ws .sidebar_category.off>p b:after{
	content: ''!important;
}
.sidebar-ws .sidebar_category_name{cursor: pointer;padding-top: 8px;padding-bottom: 8px;}

.sidebar-ws  .sidebar_category:first-child ol{display: block;}
.sidebar-ws .sidebar ol>li{font-size: 14px;line-height: 21px;padding: 8px 0;margin-bottom: 0;color: #313131;}
.sidebar-ws .sidebar ol>li>a{color: #313131;display: inline;}
.sidebar-ws .sidebar ol>li:hover{color: #f63f59;}
.sidebar-ws .sidebar ol>li:hover>a{color: #f63f59;text-decoration: none;}

.sidebar-banner-ws{display: block;margin: 25px 0;}
.sidebar-banner-ws>img{max-width: 100%;}


/*顶部固定悬浮下载*/
#single_top{position: fixed;top: 0;padding: 12px 0;background-color: #F7F7F7;width: 100%;box-shadow: 2px 3px 10px #DBDBDB;z-index: 1002;display: none;}
#single_top div{margin-bottom: 0;}
#single_top .row{display: flex;align-items: center;flex-wrap: wrap;}
.post_title{min-height: 36px;font-size: 20px;line-height: 28px;color: #000;padding-left: 60px;background-image: url('/images/tutorial/index/top_icon.png');background-repeat: no-repeat;background-position: 5px center;margin-bottom: 0;display: flex;justify-content: center;flex-direction: column;}
.post_title>span{display: block;}
.post_title>span.cg-detail{display: none;font-size: 16px;line-height: 21px;margin-top: 5px;}
.post_title>span.cg-detail.on{display: block;}
.top_btn>p{margin-bottom: 0;text-align:right;}
.top_btn_win{display: inline-block;border: 2px solid #4DD9EE;border-radius: 5px;background-color: #F7F7F7;width: 162px;height: 39px;background-image: url('/images/tutorial/index/top_btn_win.png');background-repeat: no-repeat;background-position: 25px center;vertical-align: middle;margin-right: 9px;font-size: 16px;line-height: 36px;color: #2badcd;text-indent: 50px;}
.top_btn_mac{display: inline-block;border: 2px solid #4DD9EE;border-radius: 5px;background-color: #F7F7F7;width: 162px;height: 39px;background-image: url('/images/tutorial/index/top_btn_mac.png');background-repeat: no-repeat;background-position: 25px center;vertical-align: middle;font-size: 16px;line-height: 36px;color: #2badcd;text-indent: 50px;}
.top_btn_win:hover{color: #2badcd;text-decoration: underline;}
.top_btn_mac:hover{color: #2badcd;text-decoration: underline;}
/*231031*/
.post_title.cg{background-image: url('/images/tutorial/index/top_icon_cg.png');}
.top_btn_dl{display: inline-block;border: 2px solid #4DD9EE;border-radius: 5px;background-color: #F7F7F7;width: 162px;height: 39px;vertical-align: middle;margin-right: 10px;font-size: 16px;line-height: 36px;color: #2badcd;text-align: center;}
.top_btn_buy{position: relative;display: inline-block;border: 2px solid #4DD9EE;border-radius: 5px;background-color: #F7F7F7;width: 162px;height: 39px;vertical-align: middle;font-size: 16px;line-height: 36px;color: #2badcd;text-align: center;}
.top_btn_dl:hover{color: #2badcd;}
.top_btn_buy:hover{color: #2badcd;}
.top_btn_buy:before{content: '';width: 48px;height: 39px;position: absolute;left: -2px;top: -2px;background-repeat: no-repeat;}
.top_btn_buy.off-40:before{background-image: url('/jp/images/tutorial/single/top-40off.png?v202312121030');}
.top_btn_buy.off-50:before{background-image: url('/jp/images/tutorial/single/top-50off.png?v202312121030');}

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/*底部相关文章和分类*/
.author_box{margin: 30px 0 45px;}
.author_box img.avatar{width: 31px;height: 31px;}
.author_box a{font-size: 14px;line-height: 25px;color: #9a9999;}
.author_box>span{font-size: 14px;line-height: 25px;color: #9a9999;vertical-align: -4px;}
.author_box>p{vertical-align: -4px;display: inline;font-size: 14px;line-height: 25px;color: #9a9999;}
.related_title{font-size: 24px;color: #000;margin: 0 0 30px;}
.hot_title{font-size: 24px;color: #000;}
.author_box>li{list-style-type: none;display: inline;vertical-align: -4px;}
#post_bot{background-color: #F4F4F4;padding: 45px 0;}
.post_related{padding-left: 40px;}
#tags_related li{font-size: 14px;line-height: 28px;color: #35abdc;padding-left: 23px;background-image: url('/images/tutorial/index/related_icon.jpg');background-repeat: no-repeat;background-position: 3px 10px;}
#tags_related li>a{color: #35abdc;}

/*文章页面模版*/
.under-text{text-align: center;margin-top: 45px;}
.under-text>img{transition: width .2s;}
.side>.col-md-5{text-align: center;}
ul.layout{margin-bottom: 40px;}
ul.layout>li{float: left;text-align: center;}
ul.layout>li>p{margin-top: 30px;font-size: 14px;color: #4a4a4a;line-height: 170%;}
ul.layout>li>div{display: table-cell;vertical-align: middle;text-align: center;}
ul.layout>li>div>img{display: inline-block;transition: all .2s;}

/*文中下载按钮*/
ul.dl-btn{text-align: center;margin: 20px 0;}
ul.dl-btn>li{display: inline-block;list-style-type: none;border: 2px solid #4DD9EE;border-radius: 6px;width: 238px;}
ul.dl-btn>li:nth-child(1){background-image: url('/images/tutorial/index/dl-win.jpg');background-repeat: no-repeat;background-position: 53px center;margin-right: 20px;}
ul.dl-btn>li:nth-child(2){background-image: url('/images/tutorial/index/dl-mac.jpg');background-repeat: no-repeat;background-position: 55px center;}
ul.dl-btn>li>a{width: 238px;height: 53px;display: block;line-height: 51px;color: #2badcd;font-size: 20px;text-align: left;text-indent: 90px;}
ul.dl-btn>li>a:hover{color: #2badcd;text-decoration: underline;}


/*文章产品推荐*/
.rec{border: 1px dashed #CACACA;border-radius: 5px;text-align: center;padding: 35px 0;margin: 40px 0;}
.rec>li{display: table-cell;vertical-align: middle;padding: 0 15px;}
.rec p{text-align: left;}
.rec p:nth-child(1){font-size: 18px;line-height: 25px;color: #000;padding: 0;margin-bottom: 15px;font-weight: 500;}
.rec p:nth-child(2){word-break: break-all;font-size: 12px;color: #000;padding: 0;margin-bottom: 20px;}
.rec p:nth-child(3){padding: 0;}
.rec p:nth-child(3)>span{font-size: 18px;color: #000;font-weight: 500;}
.rec p:nth-child(3)>a{display: inline-block;margin-left: 15px;width: 168px;height: 38px;line-height: 35px;border-radius: 3px;font-size: 17px;text-indent: 64px;background-repeat: no-repeat;}
.rec p:nth-child(3)>a{text-decoration: none;}
.rec p:nth-child(3)>a:hover{text-decoration: underline;}
.rec p:nth-child(3)>a:nth-child(2){border: 1px solid #4DD9EE;color: #1fafc9;}
.rec p:nth-child(3)>a:nth-child(3){border: 1px solid #F99F7C;color: #ee7a4d;}
.rec p:nth-child(3)>a.rec-dl-win{background-image: url('/images/tutorial/index/rec_win.png');background-position: 30px center;}
.rec p:nth-child(3)>a.rec-dl-mac{background-image: url('/images/tutorial/index/rec_mac.png');background-position: 30px 8px;}
.rec p:nth-child(3)>a.rec-buy-win{background-image: url('/images/tutorial/index/rec_buy_win.png');background-position: 30px center;}
.rec p:nth-child(3)>a.rec-buy-mac{background-image: url('/images/tutorial/index/rec_buy_mac.png');background-position: 30px 8px;}


/*文章左侧广告图*/
#ad_box{position: fixed;left: 0;bottom: 40px;max-width: 300px;/*width: 170px;height: 300px;background-image: url('/jp/images/banner/tutorial/ad.jpg?v202004101440');background-repeat: no-repeat;*/z-index: 1002;}
#ad_link{display: block;}
/*#ad_link>img{width: 300px;height: 300px;margin: 0;max-width: 100%;}*/
#ad_close{cursor: pointer;width: 40px;height: 40px;position: absolute;right: 0;top: 0;z-index: 1003;}
#ad_box img{max-width: 100%;}
/*#ad_code{font-size: 18px;width: 170px;color: #ffffff;text-align: center;position: absolute;top: 253px;}*/
@media screen and (max-width: 450px){
  #ad_box{max-width: 200px;}
}

/*文章边框*/
.content-border{border: 1px solid #dadada;padding: 25px;box-shadow: 0 0 3px #cccccc;}

/*嵌入视频*/
iframe{max-width: 100%;}

/*文章信息*/
.wp-content .entry a{text-decoration: none;}

/*文章新样式20191114*/
.wp-content .underline-yellow{
    font-weight: bold;
    background: linear-gradient(transparent 60%,#fcfdbb 60%);
}
.wp-content .underline-blue{
    font-weight: bold;
    background: linear-gradient(transparent 60%,#0278C2 60%);
}
.wp-content .underline-green{
    font-weight: bold;
    background: linear-gradient(transparent 60%,#309183 60%);
}
.wp-content .underline-red{
    font-weight: bold;
    background: linear-gradient(transparent 60%,#DB5353 60%);
}
.wp-content .underline-orange{
    font-weight: bold;
    background: linear-gradient(transparent 60%,#FEB400 60%);
}

.anchor-list-blue{background-color: #edf6ff;border: 1px solid #aaa;padding: 10px;margin-bottom: 1em;width: auto;display: table;font-size: 95%;}
.anchor-list-blue>p{text-align: center;font-weight: 700;margin: 0;padding: 0;}
.anchor-list-blue>ul{margin-top: 1em;}
.anchor-list-blue li{line-height: 1.4;margin-bottom: 10px;}
.anchor-list-blue li>a{color: #444444;text-decoration: none!important;}

.anchor-list-yellow{
	background: #FFFDE7;
    border-color: #FFC107;
    border-radius: 0 5px 5px;
    border-top: solid 1px #feb20a;
    margin: 10px 0;
}
.anchor-list-yellow>p>span{
	padding: 3px 20px;
    border-radius: 0 0 5px 0;
	display: inline-block;
	background: #FFC107;
    font-weight: bold;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    max-width: 80%;
}
.anchor-list-yellow>ul{
	padding: 5px 15px 20px;
}
.anchor-list-yellow>ul>li{
	font-size: 16px;
    line-height: 28px;
    border-bottom: dotted 1px #ccc;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 20px;
    list-style: none;
    position: relative;
    font-weight: bold;
    color: #000;
}
.anchor-list-yellow>ul>li:before{
	background-color: #039BE5;
	top: calc(.5em + 10px);
	content: "";
    position: absolute;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.faa-ring.animated{
	-webkit-animation: ring 2s ease infinite;
    animation: ring 2s ease infinite;
    transform-origin-x: 50%;
    transform-origin-y: 0;
    transform-origin-z: initial;
}
@keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}

.anchor-list-pink{
	background: #ffebee;
    border-color: #f44336;
    border-radius: 0 5px 5px;
    border-top: solid 1px #feb20a;
    margin: 10px 0;
}
.anchor-list-pink>p>span{
	padding: 3px 20px;
    border-radius: 0 0 5px 0;
	display: inline-block;
	background: #f44336;
    font-weight: bold;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    max-width: 80%;
}
.anchor-list-pink>ul{
	padding: 5px 15px 20px;
}
.anchor-list-pink>ul>li{
	font-size: 16px;
    line-height: 28px;
    border-bottom: dotted 1px #ccc;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 20px;
    list-style: none;
    position: relative;
    font-weight: bold;
    color: #000;
}
.anchor-list-pink>ul>li:before{
	content: "";
	top: calc(10px + .6em);
    position: absolute;
    left: 6px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 3px;
    height: 7px;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}
.anchor-list-pink>ul>li:after{
	content: "";
    position: absolute;
    top: calc(10px + .4em);
    left: 0;
    width: 15px;
    height: 15px;
    border: solid 1px #ccc;
    border-radius: 2px;
}
.faa-flash.animated{
	-webkit-animation: flash 2s ease infinite;
    animation: flash 2s ease infinite;
}

.anchor-list-green{
	width: 100%;
    margin: 15px 0;
    padding: 25px;
    border: solid 6px #e2eee8;
    color: #666;
}
.anchor-list-green>p{
	margin: 0;
    padding: 0 0 10px;
    border-bottom: solid 3px #e2eee8;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
}
.anchor-list-green>ol{
	margin: 15px 15px 0;
    padding: 0;
    counter-reset: section;
}
.anchor-list-green>ol>li{
	list-style: none;
}
.anchor-list-green>ol>li:before{
	margin: 0 8px 0 0;
    font-size: 18px;
    content: counters(section, '-') '. ';
    counter-increment: section;
}
.anchor-list-green>ol>li>a{
	color: #666;
}
.anchor-list-green>ol>li>a:hover{
	text-decoration: underline;
	opacity: .7;
}

.anchor-list-green-bg{
	margin: 25px 0 0!important;
    padding: 15px;
    position: relative;
    background: #e2eee8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.anchor-list-green-bg>p{
	padding: 4px 8px;
    font-size: 13px;
    position: absolute;
    top: -15px;
    left: 10px;
    background: #ff5a40;
    border: 2px solid #fff;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    color: #fff;
    line-height: 1;
}
.anchor-list-green-bg>ul{
	padding-left: 20px;
}
.anchor-list-green-bg>ul>li:first-child{
	margin-top: 0;
}
.anchor-list-green-bg>ul>li{
	margin-top: 6px;
	font-size: 13px;
    line-height: 1.6;
    font-weight: normal;
	list-style-type: disc;
}
.anchor-list-green-bg>ul>li>a{
	color: #333;
	text-decoration: underline;
}
.anchor-list-green-bg>ul>li>a:hover{
	text-decoration: none;
	opacity: .7;
}

.anchor-list-point{
	position: relative;
    border-top-left-radius: 0;
    border: 3px solid #0095d9;
    padding: 1.2em 1em;
    margin: 2em 2% 1em;
    border-radius: 4px;
}
.anchor-list-point>p{
	background-color: #0095d9;
    font-family: FontAwesome,Aharoni,"Arial Black",Impact,Arial,sans-serif;
    position: absolute;
    font-size: 14px;
    top: -1.8em;
    left: -3px;
    line-height: 1.8;
    padding: 0 1em 0 .8em;
    color: #fff;
    border-radius: 6px 6px 0 0;
}
.anchor-list-point>p>i{
	font-size: 12px;
}
.anchor-list-point>ul{
	padding-left: 40px;
}
.anchor-list-point>ul>li{
	margin: .2em;
	display: list-item;
	list-style-type: disc;
	line-height: 1.8;
	font-size: 18px;
	color: #333;
}

.wp-content table.dot{
    margin-bottom: 20px;
    background-color: #fff;
    width: 100%;
    margin: 15px 0;
}
.wp-content table.dot tr th {
    font-size: 14px;
    font-weight: bold;
	border: #333333 dashed 1px;
    border-collapse: collapse;
    padding: 10px;
    text-align: center;
}
.wp-content table.dot tr td {
	border: #333333 dashed 1px;
    border-collapse: collapse;
    padding: 10px;
    font-size: 12px;
}
.wp-content table.dot tr td:not(:first-child){
	text-align: center;
}

.wp-content h2.title2{
	background: #17b2eb;
    padding: 15px;
    color: #fff;
    font-size: 200%;
    line-height: 1.5;
    font-weight: 700!important;
    margin-bottom: 10px;
}
.wp-content p.subtitle{
	font-size: 154%;
    font-weight: 700!important;
    background: #f1f1f1;
    border-left: 8px solid #17b2eb;
    padding: 10px!important;
    margin-bottom: 15px;
    line-height: 1.3;
}
.wp-content h2.title3{
	border-top: solid 2px #002053;
    border-bottom: solid 2px #002053;
    padding: 6px 0;
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    color: #002053;
}
.wp-content h2.title4{
	background: #039BE5;
    color: #ffffff;
    position: relative;
    border: none;
    margin-bottom: 30px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    padding-left: 20px;
    padding-right: 20px;
}
.wp-content h2.title4:before{
	border-top: 10px solid #039BE5;
    content: '';
    position: absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 30px;
}
.wp-content h2.title4:after{
	border-top: 10px solid #039BE5;
    content: '';
    position: absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 30px;
    border-radius: 2px;
}
.wp-content h2.title5{
	position: relative;
    padding-left: 0;
    padding-bottom: 10px;
    border-top: none;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    color: #1490fc;
    background-color: transparent;
    font-size: 20px;
    margin: 20px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
}
.wp-content h2.title5:after{
	position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 2;
    content: '';
    width: 100%;
    height: 3px;
    background: #2d7bbf;
    background: -webkit-linear-gradient(left, #007e8c 0%,#2d7bbf 100%);
    background: linear-gradient(to left, #007e8c 0%,#2d7bbf 100%);
}
.wp-content h3.title6{
	position: relative;
    padding-left: 0;
    padding-bottom: 10px;
    border-top: none;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    color: #1490fc;
    background-color: transparent;
    font-size: 16px;
    margin: 20px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
}
.wp-content h3.title6:after{
	position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 2;
    content: '';
    width: 100%;
    height: 3px;
    background: #2d7bbf;
    background: -webkit-linear-gradient(left, #007e8c 0%,#2d7bbf 100%);
    background: linear-gradient(to left, #007e8c 0%,#2d7bbf 100%);
}

.wp-content .title7{
    color: #fff;
    border-radius: 4px;
    position: relative;
    padding: 13px 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #0277bd;
}

.wp-content .title7:before{
	position: absolute;
    content: '';
    height: 1px;
    width: 98%;
    background-image: linear-gradient(90deg,rgba(255,255,255,.7),rgba(255,255,255,.7) 60%,transparent 60%,transparent 100%);
    background-size: 10px 3px;
    top: 5px;
    left: 1%;
}

.wp-content .title7:after{
	position: absolute;
    content: '';
    height: 1px;
    width: 98%;
    background-image: linear-gradient(90deg,rgba(255,255,255,.7),rgba(255,255,255,.7) 60%,transparent 60%,transparent 100%);
    background-size: 10px 3px;
    bottom: 5px;
    left: 1%;
    z-index: 999;
}

.wp-content .title8{
	border-color: #0277bd!important;
    padding: 6px 12px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ddd;
    border-left: 5px solid #2b2b2b;
}

.avatar-left{
	margin: 40px 0 40px 19%;
	position: relative;
    width: 80%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 20px;
    border-radius: 6px;
    border: 2px solid #999;
    box-shadow: 1px 1px 5px #aaa;
    background-color: #fff;
}

.avatar-left:before{
    position: absolute;
    content: "";
    top: 16px;
    width: 10px;
    height: 10px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    background-color: #fff;
    z-index: 2;
	left: -6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.avatar-left:after{
	position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    top: -10px;
    border-radius: 40px;
    border: 3px solid #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 5px #aaa;
    left: -110px;
    background-image: url(/images/avatar/ming.jpg);
}

.blackboard{
	position: relative;
    border: 10px solid #E3B66A;
    background: #369377;
    border-radius: 1px;
    color: #fff !important;
    padding: 100px 25px 20px;
    margin: 40px auto;
}

.blackboard>div{
	position: absolute;
    display: block;
    left: 0;
    top: 15px;
    color: #fff;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    letter-spacing: 0px !important;
    font-size: 21px;
    font-weight: 500;
}

.blackboard>p{
	padding-bottom: 20px;
    font-size: 16px;
}

.blackboard:before{
	position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    width: 57px;
    height: 23px;
    background: url(/jp/images/icon/gift.png);
    background-size: contain;
}

.post-categories{
	margin: 40px 0 20px;
}
.post-categories li{
    display: inline-block;
    line-height: 100%;
    margin-right: 5px;
}
.post-categories a{
    display: inline-block;
    margin-bottom: 4px;
    line-height: 100%;
	padding: 6px 7px;
    margin-right: 0;
    color: #FFF !important;
    background-color: #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px !important;
    transition: all 0.3s;
}
.post-categories a:hover{
	background-color: #DA4453;
    border-color: #DA4453;
}
p.rate{float: right;font-size: 12px;margin: 20px 0;}

.wp-content .code{background-color: #000000;color: #ffffff;}
.wp-content .line{width: 95%;height: 2px;line-height: 2px;background-color: #ddd;margin: 50px auto;}


/*文章新样式20200325*/
.article-note{background-color: #e2daf1;border-radius: 6px;padding: 15px;}
.h3-icon{font-weight: bold;position: relative;padding-bottom: 8px;}
.h3-icon:before{background-image: linear-gradient(to right,gold,white 70%);height: 2px;content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;}
.h3-icon>span{color: #fff;padding: 2px 6px;border-radius: 3px;font-size: 17px;}
.h3-icon.og>span{background-color: #f90;}
.h3-icon.rd>span{background-color: #f03;}
.h3-icon.bu>span{background-color: #09c;}

.article-tip{display: table;padding: 10px;background-color: #FFF3E0;min-height: 88px;}
.article-tip>div{display: table-cell;vertical-align: middle;width: 36px;padding: 0 15px 0 10px;border-right: 1px solid #FFA726;}
.article-tip>div>i{color: #FFA726;font-weight: 900;font-size: 16px;}
.article-tip>p{display: table-cell;vertical-align: middle;margin-bottom: 0;padding-left: 15px;}

/*文章样式更新20200628*/
ul.list-disc>li::before{
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #4a4a4a;
	vertical-align: middle;
	border-radius: 100%;
	margin-right: 5px;
}

.anchor-list-1{
	margin: 20px 0;
	padding: 48px 64px;
	border: 4px solid #E2E6EF;
}
.anchor-list-1>p{
	position: relative;
	font-size: 1.65em;
	text-align: center;
	color: #405796;
}
.anchor-list-1>p>span{
	font-size: 12px;
	color: #707070;
	line-height: 1;
	padding: 8px 12px;
	position: absolute;
	right: 0;
	top: 4px;
	background-color: #f2f2f2;
	cursor: pointer;
}
.anchor-list-1>ol{
	counter-reset: li;
	padding-left: 1.3em;
	list-style-type: none;
}
.anchor-list-1>ol>li{
	position: relative;
	counter-increment: li;
	padding: 16px 0 0;
	line-height: 1.55;
}
.anchor-list-1>ol>li:before{
	color: #6a91c1;
	content: counter(li,decimal-leading-zero);
	position: absolute;
    font-size: 1.1em;
    left: -1.3em;
    background-color: transparent !important;
    top: 16px !important;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    width: auto;
    height: auto;
}
.anchor-list-1>ol>li:after{
	position: absolute;
    content: "" !important;
    top: 18px;
    right: auto;
    left: 7px;
    bottom: auto;
    height: 18px;
    width: 2px;
    border-radius: 1px;
    background-color: #6a91c1;
}
.anchor-list-1>ol>li>a{padding-left: 1.45em;color: #5c5f6b;font-size: 1em;}

.anchor-list-1>ol>ul{padding: 4px 0 1.3em 2.5em;}
.anchor-list-1>ol>ul>li{font-size: .9em;padding-top: 6px;position: relative;line-height: 1.55;}
.anchor-list-1>ol>ul>li:before{background-color: #6a91c1;left: -1.15em;width: 8px;height: 8px;top: 11px;content: '';border-radius: 50%;position: absolute;}
.anchor-list-1>ol>ul>li>a{color: #5c5f6b;}


.internal-link-card-1{
	display: block;
	padding: 15px;
    border: 1px solid #ccc;
    margin: 20px 0;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    transition: .3s;
    width: 100%;
    box-sizing: border-box;
}
.internal-link-card-1:hover{box-shadow: 0 1px 2px rgba(0,0,0,0.1);opacity: 0.8;}
.link-card{
	position: absolute;
    top: -4px;
    left: -4px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    display: table;
}
.link-card>span{
	color: #fff;
	background: #4865b2;
	white-space: nowrap;
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    top: 25px;
    width: 150px;
    text-align: center;
    font-size: 95%;
    line-height: 1.2;
    font-weight: bold;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    z-index: 10;
    left: -35px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.internal-link-card-1 .row{margin: 0;}
.internal-link-card-1 .col-sm-5{border: 3px solid #0091E5;padding: 0;display: table-cell;max-width: 50%;text-align: center;}
.internal-link-card-1 .col-sm-5>img{margin: 0;max-width: 100%;}
.internal-link-card-1 .col-sm-7>h3{border-bottom: 1px dotted #ccc;margin-bottom: 10px;padding-bottom: 5px;font-size: 16px;line-height: 26px;color: #1a1a1a;margin-top: 0;font-weight: bold;}
.internal-link-card-1 .col-sm-7>p{font-size: 12px;line-height: 21px;color: #696969;}
.internal-link-card-1 .col-sm-7>button{font-size: 80%;line-height: 1.7;color: #616161;display: inline-block;padding: 5px 10px;box-sizing: border-box;border: 1px solid #ccc;text-align: center;text-decoration: none;background-color: #fff;}

/*20210511*/
.bg-gray{background-color: #eeeeee;padding: 24px;border-radius: 15px;margin: 40px auto;}
.bg-gray>p{font-size: 14px;line-height: 24px;margin-bottom: 24px;font-style: italic;}
.bg-gray>p.ti{text-indent: 1em;}

.wp-content h3.title9{padding: 5px 18px;border-left: 10px solid #235cbb;font-size: 16px;font-weight: 700;color: #333;margin-bottom: 30px;line-height: 29px;}
.wp-content h2.title9{padding: 5px 18px;border-left: 10px solid #235cbb;font-size: 20px;font-weight: 700;color: #333;margin-bottom: 30px;line-height: 29px;}

.link-btn{text-decoration: underline;color: #00f;margin: 40px auto;}
.link-btn:hover{text-decoration: underline;color: #00f;}
.link-btn>div{margin: 1.2em auto;padding: 2% 6%;box-shadow: 0px 1px 5px rgb(0 0 0 / 30%);background: #f0c250;border: 1px solid #f0c250;color: #151513;border-radius: 10px;letter-spacing: .5px;font-size: 16pt;font-weight: 700;text-align: center;word-break: break-all;cursor: pointer;-webkit-transition: .8s;-moz-transition: .8s;-o-transition: .8s;-ms-transition: .8s;transition: .8s;}
.link-btn>div:hover{box-shadow: 0px 8px 25px -5px rgb(0 0 0 / 30%);transition: .2s ease-in-out;outline: 0;}

.b-gray{border: 2px solid #dedede;padding: 25px 10px 0 15px;}
.b-gray>p{font-size: 14px;line-height: 26px;margin-bottom: 25px;}

.blog-card{position: relative;border: 1px solid #000000;padding: 24px;margin: 40px auto;text-align: center;transition: box-shadow .25s;}
.blog-card:hover{box-shadow: 0 4px 16px rgb(0 0 0 / 10%), 0 12px 28px -12px rgb(0 0 0 / 5%);}
.blog-card img{margin: 0 0 15px;max-width: 100%;}
.blog-card>a{color: #333;}
.blog-card>a>div>p{position: absolute;font-size: 12px;padding: 0 6px;z-index: 10;left: 24px;top: -0.8em;background-color: #ffffff;}
.blog-card .col-sm-9>p:first-child{font-size: 16px;line-height: 22px;margin-bottom: 0;}
.blog-card .col-sm-9>p:last-child{font-size: 13px;line-height: 18px;margin-top: 6px;margin-bottom: 0;}

/*按钮样式20211217*/
.btn-group{font-size: 18px;}
.btn-group img{margin-bottom: 0;transition: all .2s;}
.btn-group a{border-radius: 4px;background-color: #2AAAC8;color: #ffffff;font-weight: 600;padding: 30px 32px;line-height: 21px;height: 28px;display: inline-flex;align-items: center;transition: .2s;}
.btn-group a:hover{text-decoration: none;color: #000000;background-color: #FFC0CB;}
.btn-group a:focus,.content-jp-2109 .btn-group a:active{box-shadow: inset 0 3px 5px rgb(42 170 200 / 13%), 0 0 0 0.2rem rgb(255 192 203 / 50%);text-decoration: none;}
.btn-group a:first-child img{margin: 0;}
.btn-group a:last-child img{margin: 0 0 3px;}
.btn-group a:hover img{filter: brightness(0);}

/*三种表情图20211217*/
.avartar-right{display: flex;align-items: flex-start;justify-content: flex-end;margin: 40px 0;}
.avartar-right>p{margin-top: 10px;background-color: #b2e2ff;font-size: 15px;line-height: 27px;padding: 15px 20px;border-radius: 7px;margin-right: 20px;position: relative;}
.avartar-right>p:before{
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -11px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  z-index: 0;
  right: -11px;
  border-width: 11px 0 11px 11px;
}
.avartar-right>p:after{
  content: "";
  position: absolute;
  top: 30px;
  right: -10px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #b2e2ff;
}
.avartar-right>div{flex-shrink: 0;width: 80px;}
.avartar-right>div>img{margin: 0;width: 80px;}

/*20220210新表格样式*/
.tbl-orange{
  width: 100%;
}
.tbl-orange th {
    background: #f59a4a;
    border: solid 1px #ccc;
    color: #fff;
    font-size: 1em;
    padding: 1em
}

.tbl-orange td {
    text-align: left;
    width: 120px;
    border: solid 1px #ccc;
    padding: 1em .3em;
    font-size: 1em;
    line-height: 1.25em
}

.tbl-orange td:first-child {
    color: #333;
    font-weight: 700
}

.tbl-orange tr:nth-child(2n+1) {
    background: #fff7e5
}

/*20220916新表格样式*/
.tbl-scroll{overflow-wrap: break-word;overflow: scroll;font-size: 12px;color: #a3a3a3;max-width: 800px;margin: 20px 0 30px;}
.tbl-scroll td{padding: 6px;min-width: 120px;align-items: center;vertical-align: top;border: 1px solid #ccc;}
.tbl-scroll th{padding: 6px;width: 120px;align-items: center;vertical-align: middle;border: 1px solid #ccc;}
.tbl-scroll td:first-child>span, .tbl-scroll th:first-child>span{width: 5em;display: block;}
.tbl-scroll th{border-left: 5px solid #a3a3a3;font-weight: bold;}
.tbl-scroll td>div{width: 145px;text-align: center;margin: 0!important;}
.tbl-scroll td>button{display: block;width: 145px;margin: 0 auto 10px;border-radius: 6px;background-color: #a3a3a3;box-shadow: 0 -4px 0 rgb(0 0 0 / 15%) inset;border: none;padding: 10px 5px;font-size: 12px;font-weight: bold;color: #fff;}
.tbl-scroll td>button:focus{outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.tbl-scroll img{object-fit: contain;margin: 0!important;}

/*文章样式更新20200901*/
.cap{display: flex;align-items: flex-start;margin-bottom: 20px;}
.cap>img{max-width: 50%;margin: 0;}
.cap>p{padding: 20px;border: 4px solid #eee;border-radius: 13px;text-align: justify;letter-spacing: 0.05em;position: relative;margin-left: 25px;}
.cap>p:before{content: "";position: absolute;border-right: 23px solid #eee;border-bottom: 20px solid transparent;border-top: 20px solid transparent;top: 15%;left: -23px;}
.cap>p:after{content: "";position: absolute;border-right: 24px solid #fff;border-bottom: 20px solid transparent;border-top: 20px solid transparent;top: 15%;left: -17px;}

/*文章样式更新20200922*/
.bg-yellow{background-color: #fcfdbb;font-weight: bold;color: #4a4a4a;padding: 2px 4px;border-radius: 10px;}
.bg-blue{background-color: #0278C2;font-weight: bold;color: #ffffff;padding: 2px 4px;border-radius: 10px;}
.bg-green{background-color: #309183;font-weight: bold;color: #ffffff;padding: 2px 4px;border-radius: 10px;}
.bg-red{background-color: #DB5353;font-weight: bold;color: #ffffff;padding: 2px 4px;border-radius: 10px;}
.bg-orange{background-color: #FEB400;font-weight: bold;color: #ffffff;padding: 2px 4px;border-radius: 10px;}

/*折叠右侧图标效果*/
/*a[data-toggle="collapse"]>span{vertical-align: baseline;transition: all .3s;display: inline-block;margin-left: 20px;width: .8em;height: .8em;background-image: url(/images/pro/bd-player/next.jpg);background-repeat: no-repeat;background-position: right center;background-size: cover;}*/
[data-toggle="collapse"]>i.fa-chevron-right{margin-left: 20px;}
[aria-expanded="true"]>i.fa-chevron-right{transform:rotate(90deg);}

@media screen and (max-width: 450px){
	.anchor-list-1{
		padding: 30px 15px;
	}
}

/*20190929 new store*/
.banner-store{background-image: url('/images/store/banner.jpg');background-repeat: no-repeat;background-size: cover;padding-top: 60px;}
.banner-store .box{background-color: #fff;padding: 23px 33px 40px;text-align: center;}
.banner-store .box>img{width: 100%;}
.banner-store .box>p.title{font-size: 26px;color: #000;margin: 20px 0 12px;}
.banner-store .box>p.text{font-size: 13px;line-height: 23px;color: #000;min-height: 92px;padding: 0 15px;margin-bottom: 10px;}
.banner-store del{font-size: 18px;color: #494949;}
.banner-store span{font-size: 24px;color: #f22c2c;}
.banner-store .box>p.button{margin-top: 15px;}
.banner-store .box>p.button>a{width: 172px;height: 39px;font-size: 18px;line-height: 39px;display: inline-block;background-repeat: no-repeat;text-align: left;}
.banner-store .win{background-image: url('/images/store/buy_win.png');color: #fff;text-indent: 67px;margin-right: 18px;}
.banner-store .mac{background-image: url('/images/store/buy_mac.png');color: #f24d2c;text-indent: 69px;}


/*产品推荐模版*/
.container .jumbotron, .container-fluid .jumbotron{padding: 30px 0;}
.container .jumbotron .col-md-5, .container-fluid .jumbotron .col-md-5{padding: 0;}
.container .jumbotron .col-md-5 img, .container-fluid .jumbotron .col-md-5 img{margin: 30px 0 0;max-width: 100%;}

/*20210910*/
.banner-tips{background-image: url('/jp/images/banner/tutorial/index/banner.jpg');background-repeat: no-repeat;background-size: cover;color: #ffffff;padding: 200px 0;}
.banner-tips h1{font-size: 60px;color: #ffffff;font-weight: bold;}
.banner-tips h3{font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.banner-tips h3+p{font-size: 16px;line-height: 28px;margin-bottom: 30px;}
.tips-btn{display: flex;}
.tips-btn a{display: inline-flex;width: 256px;height: 53px;border-radius: 27px;font-size: 18px;font-weight: bold;line-height: 53px;align-items: center;color: #ffffff;justify-content: center;background-image: url('/jp/images/banner/tutorial/index/btn.png');background-repeat: no-repeat;transition: all .3s;}
.tips-btn a:hover{border-radius: 12px;}
.tips-btn a>img{margin-left: 20px;}
.tips-btn a:first-child{margin-right: 38px;}


/*顶部导航*/
#dropdown-menu1{display: none;}

/*20221017 sidebar文章导航*/
.sidebar_cover .sidebar-title{background-color: #F9F9F9;color: #ffffff;line-height: 40px;text-align: center;margin-bottom: 0;cursor:pointer;position:relative;}
.sidebar_cover .sidebar-title>span{
  font-size: 18px;font-weight: bold;text-transform: uppercase;letter-spacing: 0.03em;display: inline-block;width: 100%;height: 100%;border-radius: 12px;padding: 8px 15px;user-select: none;
  background-image: -moz-linear-gradient( 90deg, rgb(60,167,249) 0%, rgb(47,129,237) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(60,167,249) 0%, rgb(47,129,237) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(60,167,249) 0%, rgb(47,129,237) 100%);
}
/*.sidebar_cover .sidebar-title>i{position:absolute;right:30px;font-size:18px;font-weight:bold;top:7px;}*/
.sidebar_cover .table{padding: 0 15px 25px 10px;background-color: #F9F9F9;border-radius: 0 0 6px 6px;margin-bottom: 0;/*display: none;*/}
.sidebar_cover .table>h2, .sidebar_cover .table>h3, .sidebar_cover .table>h4, .sidebar_cover .table>h5, .sidebar_cover .table>h6{cursor: pointer;font-weight: bold;}
.sidebar_cover .table>h2 a, .sidebar_cover .table>h3 a, .sidebar_cover .table>h4 a, .sidebar_cover .table>h5 a, .sidebar_cover .table>h6 a{pointer-events: none;}
.sidebar_cover .table>h2:hover, .sidebar_cover .table>h3:hover, .sidebar_cover .table>h4:hover, .sidebar_cover .table>h5:hover, .sidebar_cover .table>h6:hover{color: #00a9e4;}
.sidebar_cover .table>h2{font-size: 16px;padding: 15px 0 0 1em;color: #444444;line-height: 24px;position: relative;margin-bottom: 5px;margin-top: 0;}
.sidebar_cover .table>h2:before{content: '\2022';color: #E5E5E5;position: absolute;left: 0;top: 14px;}
.sidebar_cover .table>h3{font-size: 14px;margin: 0 0 5px;color: #777777;line-height: 24px;padding-left: 2em;font-weight: 500;}
.sidebar_cover .table>h4{font-size: 13px;margin: 0 0 5px;color: #777777;line-height: 21px;padding-left: 2.5em;font-weight: 500;}
.sidebar_cover .table>h2+h3{margin-top: 10px;}
.sidebar_cover .table>h4, .sidebar_cover .table>h5, .sidebar_cover .table>h6{font-weight: 500;}
.sidebar_cover .table li{margin: 15px 0 0;}
.sidebar_cover .table li>a{display: block;display: flex;width: 100%;}
.sidebar_cover .table li>a>div{flex-shrink: 0;margin-right: 15px;width: 95px;padding-top: 5px;}
.sidebar_cover .table li p>span:first-child{font-size: 16px;line-height: 24px;font-family: 'Poppins SemiBold';font-weight: 500;color: #444444;}
.sidebar_cover .table li p>span:last-child{display: block;font-size: 12px;color: #aaaaaa;margin-top: 6px;}
.sidebar_cover .table li:hover p>span:first-child{color: #00a9e4;}
.sidebar_cover .tab-content li{list-style-type: none;}
.sidebar_cover .tab-content li>a{flex-shrink: 0;margin-right: 15px;}

/*20230613 swiper*/
.swiper-container img{margin:0 0 10px;width:100%;max-width:100%;}
.swiper-slide{font-size:16px;text-align-last:center;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: -10px;
}

/*20231011*/
.summary{background-image: url(/images/icon/blog/summary/summary_bg.jpg);background-repeat: no-repeat;background-size: 100% 100%;padding: 30px 25px 20px;color: #3b5159;}
.summary>span{font-size: 22px;line-height: 25px;text-align: center;margin-bottom: 20px;font-weight: bold;display: block;}
.summary .summary-btn{text-align:center;margin-bottom: 0;}
.summary .summary-btn>a{position:relative;margin-bottom: 15px;display: inline-block;vertical-align: middle;min-width: 230px;padding: 6px 40px 6px 15px;border-radius: 4px;border: 2px solid #36ADF0;font-size: 18px;line-height: 35px;font-family: ProximaNova-Semibold;text-decoration: none;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;text-align: center;}
.summary .summary-btn>a.dl{background-color: #36ADF0;color: #ffffff;}
.summary .summary-btn>a.detail{padding-right: 15px;}
.summary .summary-btn>a.dl:hover{background-color: #2B92DC;border: 2px solid #2B92DC;}
.summary .summary-btn>a.detail:hover{color: #ffffff;background-color: #2B92DC;border: 2px solid #2B92DC;}
.summary .summary-btn>a.dl:after{content: '';background-repeat: no-repeat;position:absolute;right: 15px;transition: all .3s;width: 22px;height: 23px;background-image: url(/images/icon/blog/summary/icon-dl.png);top: 12px;}
.summary .summary-safe{font-size: 14px;text-align:center;margin-bottom: 0;}
.summary .summary-safe>i{font-size: 16px;font-style: normal;color: #2B92DC;}

/*20240711*/
.comparison{display: flex;align-items: stretch;column-gap: 2%;row-gap: 10px;}
.comparison>div{flex-basis: 49%;border: 1px solid #fc477a;border-radius: 4px;overflow: hidden;}
.comparison>div>p{padding: 10px 10px 10px 10px;font-size: 14px;line-height: 24px;font-weight: bold;border-bottom: 1px solid #fc477a;margin-bottom: 0;display: flex;align-items: center;column-gap: 5px;color: #fc477a;background-color: #fff2f6;}
.comparison>div>p::before{content: '';width: 24px;height: 24px;background-image: url(/jp/images/icon/yes.png);background-repeat: no-repeat;background-position: left top;display: inline-block;flex-shrink: 0;}
.comparison>div>ul{padding: 15px 10px 10px;margin-bottom: 0;}
.comparison>div>ul>li{font-size: 14px;line-height: 21px;}
.comparison>div:last-child{border-color: #2d85d2;}
.comparison>div:last-child>p{border-color: #2d85d2;color: #2d85d2;background-color: #f0f7fc;}
.comparison>div:last-child>p::before{background-image: url(/jp/images/icon/no.png);}

.pro-info{
    color: #000000;
    background: #f1f1f1;
    background: -webkit-linear-gradient(top,#ececec 0,#fbfbfb 100%);
    background: -moz-linear-gradient(top,#ececec 0,#fbfbfb 100%);
    background: -o-linear-gradient(top,#ececec 0,#fbfbfb 100%);
    background: linear-gradient(to bottom,#ececec 0,#fbfbfb 100%);
    padding: 30px 3%;
    border-bottom: 3px solid #2B92DC;
}
.pro-info div{margin: 0;}
.pro-info .brand{display:flex;align-items:center;margin-bottom: 10px;}
.pro-info .brand>img{margin: 0 15px 0 0;}
.pro-info .brand>a{color: #36ADF0;transition: all .2s ease-in-out;font-size:24px;font-weight:500;font-family: 'ProximaNova-semiBold';}
.pro-info .brand>a:hover{color: #2B92DC;}
.pro-info h4{font-size: 20px;font-weight: bold;margin: 10px 0 15px;}
.pro-info span{font-size: 20px;font-weight: bold;margin: 10px 0 15px;display: block;}
.pro-info li{position:relative;font-size: 14px;line-height: 21px;padding: 3px 0 3px 15px;}
.pro-info li:before{content: '';width: 6px;height: 6px;background-color: #36ADF0;position: absolute;left: 0;top: 10px;border-radius: 50%;}
.pro-info .pro-info-btn{text-align:center;}
.pro-info .pro-info-btn>a{position:relative;margin-bottom: 15px;display: inline-block;vertical-align: middle;padding: 6px 55px 6px 15px;border-radius: 4px;border: 2px solid #36ADF0;font-size: 18px;line-height: 35px;font-family: ProximaNova-Semibold;text-decoration: none;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;text-align: center;}
.pro-info .pro-info-btn>a.dl-win{background-color: #36ADF0;color: #ffffff;}
.pro-info .pro-info-btn>a.dl-mac{color: #36ADF0;}
.pro-info .pro-info-btn>a.dl-win:hover{background-color: #2B92DC;border: 2px solid #2B92DC;}
.pro-info .pro-info-btn>a.dl-mac:hover{color: #ffffff;background-color: #2B92DC;border: 2px solid #2B92DC;}
.pro-info .pro-info-btn>a:after{content: '';background-repeat: no-repeat;position:absolute;right: 15px;transition: all .3s;}
.pro-info .pro-info-btn>a.dl-win:after{width: 25px;height: 25px;background-image: url(/images/icon/blog/pro-info/win-icon.png);top: 10px;}
.pro-info .pro-info-btn>a.dl-mac:after{width: 24px;height: 18px;background-image: url(/images/icon/blog/pro-info/mac-b-icon.png);top: 14px;}
.pro-info .pro-info-btn>a.dl-mac:hover:after{background-image: url(/images/icon/blog/pro-info/mac-icon.png);}
.pro-info .pro-info-safe{font-size: 14px;text-align:center;margin-top: 15px;margin-bottom: 0;}
.pro-info .pro-info-safe>i{font-size: 16px;font-style: normal;color: #2B92DC;}

/*20231031 文章banner，默认显示Prof. Media，CleverGet产品显示CleverGet banner*/
.banner-post{margin-bottom: 0;/*opacity: 0;*/background-repeat: no-repeat;background-size: cover;padding: 40px 0 25px;color: #ffffff;}
.banner-post.banner-show{opacity: 1;}
.banner-post .row{display: flex;align-items:center;}
.banner-post div{margin-bottom: 0;}
.banner-post .banner-pic{max-width: 100%;}
.banner-post .btn-sys{display: flex;align-items: flex-end;height: 28px;border-right: 2px solid rgba(255, 255, 255, .2);padding-right: 12px;padding-bottom: 2px;margin-right: 20px;gap: 20px;}
.banner-post .btn-sys img{opacity: .4;transition: opacity .1s;cursor: pointer;}
.banner-post .btn-sys img.on, .banner-post .btn-sys img:hover{opacity: 1;}
.banner-post .btn-area{display: flex;align-items: center;margin-top: 20px;}
.banner-post .btn-area>a{display: flex;justify-content: center;border-radius: 12px;font-size: 20px;line-height: 30px;font-weight: bold;padding: 8px 30px;min-width: 265px;transition: all .2s;margin-bottom: 15px;}
.banner-post .btn-area>a .icon-box{width: 26px;height: 30px;display: flex;align-items: center;justify-content: center;}
.banner-post .link-dl{margin-right: 30px;}
.banner-post .banner-footer{display: flex;align-items: center;}
.banner-post ul{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;width: 450px;max-width: 100%;margin-bottom: 0;}
.banner-post ul li{display: flex;align-items: center;margin-bottom: 0;}
.banner-post ul li>.icon-box{width: 23px;height: 23px;display: flex;align-items: center;justify-content: center;margin: 0 8px 0 0;}
.banner-post ul li>.icon-box>span{display: block;background-image: url(/jp/images/tutorial/banner-post/icon-banner.png?v202311011640);background-repeat: no-repeat;}
.banner-post ul li>.icon-box1>span{width: 18px;height: 22px;background-position: 0 -21px;}
.banner-post ul li>.icon-box2>span{width: 19px;height: 21px;background-position: 0 0;}
.banner-post ul li>.icon-box3>span{width: 23px;height: 23px;background-position: 0 -66px;}
.banner-post ul li>span{font-size: 15px;}

/*移动端隐藏 240312*/
@media screen and (max-width: 450px){
  .banner-post{display: none;}
}

/*prof. media*/
.banner-pm{background-image: url(/jp/images/tutorial/banner-post/banner-pm.jpg?v202405171115);color: #000000;}
.banner-pm h3{font-size: 38px;font-weight:bold;margin-top: 0;}
.banner-pm p{font-size: 15px;line-height: 25px;}
.banner-pm .link-dl{background-color: #DB1B52;color: #ffffff;}
.banner-pm .link-dl:hover{box-shadow: 1px 2px 3px #db1b52;}
.banner-pm .link-dl .icon-box{margin: 0 0 0 17px;}
.banner-pm .icon-box>span{display: block;background-image: url(/jp/images/tutorial/banner-post/icon-banner-pm.png?v202405171115);background-repeat: no-repeat;}
.banner-pm .icon-box.win>span{width: 25px;height: 25px;background-position: 0 -67px;}
.banner-pm .icon-box.mac>span{width: 26px;height: 30px;background-position: 0 -92px;}
.banner-pm .link-more{border: 2px solid #db1b52;padding-top: 6px!important;padding-bottom: 6px!important;color: #db1b52;}
.banner-pm .link-more:hover{box-shadow: 1px 2px 3px #db1b52;}
.banner-pm .btn-sys>div{background-image: url(/jp/images/tutorial/banner-post/icon-banner-pm.png?v202405171115);background-repeat: no-repeat;cursor: pointer;}
.banner-pm .btn-sys>div.win{background-position: -26px -50px;width: 20px;height: 20px;}
.banner-pm .btn-sys>div.win.on{background-position: -26px -70px;}
.banner-pm .btn-sys>div.mac{background-position: -26px -25px;width: 21px;height: 25px;}
.banner-pm .btn-sys>div.mac.on{background-position: -26px 0;}
.banner-pm.banner-post ul li>.icon-box>span{background-image: url(/jp/images/tutorial/banner-post/icon-banner-pm.png?v202405171115);}
.banner-pm.banner-post ul li>.icon-box1>span{width: 18px;height: 22px;background-position: 0 -21px;}
.banner-pm.banner-post ul li>.icon-box2>span{width: 19px;height: 21px;background-position: 0 0;}
.banner-pm.banner-post ul li>.icon-box3>span{width: 24px;height: 24px;background-position: 0 -43px;}

/*cleverget*/
.banner-cg{background-image: url(/jp/images/tutorial/banner-post/banner-cg.jpg?v202311011640);}
.banner-cg h3{font-size: 32px;font-weight:bold;color:#fff159;margin-top: 0;}
.banner-cg p{font-size: 15px;line-height: 30px;}
.banner-cg .btn-sys{border-right-color: rgba(108, 50, 56, .2);}
.banner-cg .link-dl{background-color: #FBE150;color: #000000;}
.banner-cg .link-dl:hover{box-shadow: 0.15em 0.3em 0.6em rgba(251, 225, 80, .6);}
.banner-cg .link-dl .icon-box{margin: 0 0 0 17px;}
.banner-cg .icon-box>span{display: block;background-image: url(/jp/images/tutorial/banner-post/icon-banner.png?v202311011640);background-repeat: no-repeat;}
.banner-cg .icon-box.win>span{width: 23px;height: 23px;background-position: 0 -43px;}
.banner-cg .icon-box.mac>span{width: 22px;height: 28px;background-position: 0 -113px;}
.banner-cg .link-more{color: #000000;background-color: #ffffff;}
.banner-cg .link-more:hover{box-shadow: 0.15em 0.3em 0.6em rgba(255, 255, 255, .6);}

/*index*/
#banner-index{background-color: #EEFAFA;padding-top: 40px;padding-bottom: 40px;}
#banner-index .row{row-gap: 20px;}
#banner-index .probox{background-color: #ffffff;padding: 30px 20px;text-align: center;height: 100%;}
#banner-index .probox>img{height: 181px;}
#banner-index .probox h3{font-size: 18px;font-weight: bold;color: #444444;margin: 20px 0 15px;}
#banner-index .probox p{font-size: 16px;line-height: 24px;min-height: 72px;}

/*list-category*/
.list-category{padding: 30px 15px;}
.list-category .breadcrumb{background-color: #ffffff;}
.list-category .post-area{display: flex;align-items: stretch;column-gap: 30px;row-gap: 20px;}
.list-category .cat-list{flex-basis: 340px;flex-shrink: 0;}
.list-category .cat-list>div{position: sticky;top: 0;border-radius: 20px;padding: 5px;background-color: #ffffff;}
.list-category .cat-list-title{font-size: 24px;font-weight: bold;text-align: center;padding: 5px 15px;background-color: #2061E6;color: #ffffff;overflow: hidden;border-top-left-radius: 16px;border-top-right-radius: 16px;}
.list-category .cat-list li{padding: 10px 12px;font-size: 18px;line-height: 24px;font-weight: bold;color: #000000;}
.list-category .cat-list li a{color: #000000;text-decoration: none;}
.list-category .cat-list li.active a, .list-category .cat-list li:hover a{color: #2061E6;}
.list-category .cat-list li:not(:last-child){border-bottom: 1px solid #ccc;}
.list-category .post-item{padding: 5px;border-radius: 5px;background-color: #ffffff;margin-bottom: 20px;}
.list-category .post-item>a {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
}
.list-category .post-item:hover .post-title, .list-category .post-item:hover .post-excerpt{color: #2061E6;}

.list-category .post-thumbnail img {
    object-fit: cover;
    border-radius: 5px;
}

.list-category .post-info {
    flex: 1;
}

.list-category .post-meta {
    font-size: 14px;
    line-height: 18px;
    color: #2061E6;
}

.list-category .post-title {
    margin: 5px 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #000000;
}

.list-category .post-excerpt {
    font-size: 14px;
    color: #555;
    margin-bottom: 0;
}

.list-category .pagination {
    text-align: center;
    margin: 30px 0 0;
    display: flex;
    justify-content: flex-end;
}

.list-category .pagination ul {
    display: inline-flex;
    list-style: none;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}

.list-category .pagination li {
    margin: 0 5px;
}

.list-category .pagination a, 
.list-category .pagination span {
    display: block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
    background: #fff;
    border-radius: 3px;
    transition: 0.3s;
}

.list-category .pagination a:hover {
    background: #2061E6;
    color: #fff;
    border-color: #2061E6;
}

.list-category .pagination .list-category .current {
    background: #2061E6;
    color: #fff;
    font-weight: bold;
    border-color: #2061E6;
}

@media screen and (max-width: 991px){
  .list-category .post-area{flex-direction: column;}
  .list-category .cat-list{flex-basis: auto;}
  .list-category .post-item>a{flex-direction: column;}
}

/*button-group*/
.button-group{display: flex;align-items: center;justify-content: center;gap: 10px;margin-top: 30px;flex-wrap: wrap;}
.button-group>div>a{display: inline-flex;justify-content: center;align-items: center;user-select: none;gap: 10px;font-size: 16px;line-height: 20px;font-weight: bold;padding: 10px 15px;/*min-width: 155px;*/color: #ffffff;letter-spacing: .03em;}
.button-group .btn-dl{
  background-image: -moz-linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
  background-image: -webkit-linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
  background-image: -ms-linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
  background-image: linear-gradient( 125deg, rgb(40,88,255) 0%, rgb(179,160,250) 100%);
}
.button-group .btn-buy{
  background-image: -moz-linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
  background-image: -webkit-linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
  background-image: -ms-linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
  background-image: linear-gradient( 123deg, rgb(255,136,88) 0%, rgb(255,187,95) 100%);
}
.button-group .btn-dl img{display: none;}
.button-group .btn-dl img.on{display: block;}
.button-group .btn-dl img.win{width: 15px;height: 15px;}
.button-group .btn-dl img.mac{width: 15px;height: 18px;}
.button-group .btn-buy img{width: 18px;height: 16px;}

/*20231213*/
.post-list1{background-color: #f2f2f2;box-shadow: 2px 3px 4px rgba(0,0,0,.4);padding: 30px 20px;position: relative;margin-top: 40px!important;}
.post-list1>p{position: absolute;padding: 13px 20px;font-size: 16px;line-height: 24px;font-weight: bold;position: absolute;left: 20px;top: -20px;background-color: #43c88e;color: #ffffff;}
.post-list1 ol{list-style-type: none;counter-reset: number;}
.post-list1 ol>li{display: inline-flex;justify-content: left;align-items: flex-start;flex-wrap: nowrap;width: 100%;margin-top: 30px;}
.post-list1 ol>li:before{padding: 3px 12px;margin-right: 16px;border-radius: 20px;counter-increment: number;content: counter(number);background-color: #a6a6a6;font-size: 16px;font-weight: bold;color: #ffffff;}
.post-list1 ol>li>div{margin: 0!important;}
.post-list1 ol>li p.title{font-size: 16px;line-height: 28px;font-weight: bold;margin-bottom: 5px!important;color: #474747;}
.post-list1 ol>li p.text{font-size: 14px!important;line-height: 21px!important;margin-bottom: 0!important;color: #474747;}

.post-list2>p{font-size: 16px;font-weight: bold;padding: 8px;background-color: #abb8c3;color: #fff;text-align: center;margin: 0!important;}
.post-list2.blue>p{background-color: #2B92DC;}
.post-list2>ul{border: 2px solid #eee;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border-top: 0;margin: 0!important;padding: 25px;}
.post-list2>ul li{position: relative; padding-left: 1em; margin: 3px 0;color: #333;}
.post-list2>ul li:before {background: #5C6B80;content: " "; width: 7px; height: 7px; background: #5C6B80; box-shadow: -1px -1px 1px rgba(97, 97, 97, 0.5) inset; display: block; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 2px; top: 9px;}

.post-list3{background-color: #FFFEEE;padding: 20px 35px;}
.post-list3.bg-green{background-color: #90EE90;font-weight: normal;}
.post-list3.bg-blue{background-color: #87CEFA;font-weight: normal;}
.post-list3.bg-gray{background-color: #EEEEEE;font-weight: normal;margin: 20px 0;}
.post-list3 li{position: relative; margin: 3px 0;color: #333;}
ol.post-list3{list-style-position: inside;}
ul.post-list3 li{padding-left: 1em;}
ul.post-list3 li:before {background: #5C6B80;content: " "; width: 7px; height: 7px; background: #5C6B80; box-shadow: -1px -1px 1px rgba(97, 97, 97, 0.5) inset; display: block; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: 2px; top: 9px;}

.tab1{border-radius: 3px;border: 3px solid #2B92DC;border-top-width: 4px;}
.tab1 div, .tab1 ul{margin: 0!important;}
.tab1 ul.nav-tabs{display: flex;border: 0;justify-content: space-between;background-color: #2B92DC;}
.tab1 ul.nav-tabs>li{width: 49.8%;margin-bottom: 0;padding: 5px 15px;cursor: pointer;background-color: #2B92DC;color: #ffffff;font-size: 14px;line-height: 21px;font-weight: bold;transition: .2s;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.tab1 ul.nav-tabs>li.active, .tab1 ul.nav-tabs>li:hover{color: #333333;background-color: #ffffff;border: 0;}
.tab1 .tab-content{background-color: #2B92DC;}
.tab1 .tab-pane{padding: 20px 20px 12px;background-color: #fff;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.tab1 .tab-pane li{font-size: 14px!important;line-height: 21px!important;margin-bottom: 8px;list-style-type: disc!important;color: #333;list-style-position: inside;}
.tab1 .tab-pane li::marker{color: #2B92DC;}

/*20240807*/
.post-list4 {
  position: relative;
  margin: 2em 0;
  padding: 20px 20px 10px;
  border: solid 3px #95ccff;
  border-radius: 8px;
}
.post-list4>span {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #FFF;
  color: #95ccff;
  font-weight: bold;
}
.post-list4 ul {
  list-style-type:disc;
  margin:0;
}
.post-list4 ul li {
  margin-left:1em;
  font-size: 16px;
}
.post-list4 ul li::marker {
  color:#95ccff;
}

/*20240808*/
.dl-btn-group{text-align: center;margin: 40px 0;}
.dl-btn-group>a>img{width: 350px;height: auto;}
.dl-btn-group>div{display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;}
.dl-btn-group>div>a{color: #ffffff;padding: 15px 28px 15px 65px;border-radius: 32px;min-width: 220px;font-size: 16px;font-weight: bold;transition: box-shadow .2s;background-repeat: no-repeat;background-position: 28px center;}
.dl-btn-group>div>a:hover{text-decoration: none;}
.dl-btn-group>div>a.dl-win{background-color: #31A5F6;background-image: url('/images/tutorial/propop/win.png');}
.dl-btn-group>div>a.dl-mac{background-color: #FA873A;background-image: url('/images/tutorial/propop/mac.png');}
.dl-btn-group>div>a.dl-win:hover{box-shadow: 0 4px 6px #31A5F6;}
.dl-btn-group>div>a.dl-mac:hover{box-shadow: 0 4px 6px #FA873A;}

/*related*/
#related>p.title{font-size: 24px;text-transform: uppercase;text-align: center;border-bottom: 2px solid #19a3d3;color: #000000;padding: 15px 0;margin-bottom: 20px;}
#related .related-post{margin-top: 0!important;display: flex;flex-wrap: wrap;}
#related .related-post>a{display: inline-block;padding: 10px;}
#related .related-post>a>div{height: 200px;background-size: cover;background-position: center;}
#related .related-post>a .date{color: #777777;margin-top: 15px;}
#related .related-post>a .title{color: #444444;font-size: 16px;line-height: 24px;font-weight: bold;margin-top: 8px;}
#related .related-post>a:hover .title{color: #00a9e4;}

/*author page*/
#author-info{display: flex;align-items: center;justify-content: center;gap: 60px;padding: 120px 0 80px;border-bottom: 1px solid #ebedf0;}
#author-info .avatar{align-self: center;border: 16px solid #f0f9ff;border-radius: 100%;}
#author-info .avatar>img{width: 220px;height: 220px;border-radius: 100%;object-fit: cover;}
#author-info h3{font-size: 36px;margin-top: 0;margin-bottom: 20px;}
#author-info h3~p{font-size: 18px;line-height: 28px;}

#author-post-list{display: flex;flex-wrap: wrap;align-items: stretch;text-align: center;}
#author-post-list ul.alm-listing{display: flex;flex-wrap: wrap;align-items: stretch;}
#author-post-list a.alm-list{display: inline-block;padding: 10px;}
#author-post-list a.alm-list .innerbox{border: 1px solid #eeeff0;border-radius: 12px;transition: .2s cubic-bezier(.215,.61,.355,1);overflow: hidden;height: 100%;}
#author-post-list a.alm-list:hover .innerbox{box-shadow: 0 10px 15px rgba(0,0,0,.08);transform: scale(1.01);}
#author-post-list a.alm-list .innerbox>div{height: 200px;background-size: cover;background-position: center;}
#author-post-list a.alm-list .date{color: #777777;margin-top: 15px;padding: 0 12px;text-align: left;}
#author-post-list a.alm-list .title{color: #444444;font-size: 16px;line-height: 24px;font-weight: bold;margin-top: 8px;padding: 0 12px;text-align: left;}
#author-post-list a.alm-list:hover .title{color: #00a9e4;}
#author-post-list .alm-listing .alm-reveal{display: flex;flex-wrap: wrap;}
#author-post-list .alm-btn-wrap{margin-top: 40px;}

@media screen and (max-width: 991px){
  #author-info{flex-direction: column;}
}

@media screen and (max-width: 1199px){
  .banner-post .row{display: block;}
  .banner-post .banner-pic{margin: 15px 0;}
  .banner-post .btn-area{flex-wrap: wrap;}
  .banner-post ul{justify-content: flex-start;width: auto;}
  .banner-post ul li{margin-right: 25px;}
}

/*propop 20240530*/
#proPop{position: fixed;z-index: 1005;top: 0;left: 0;background-color: rgba(0, 0, 0, .3);width: 100%;height: 100%;display: none;}
#proPop .proPopContainer{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
#proPop .proPopContainer>div{flex-basis: 600px;max-width: 100%;}
#proPop .proPopContainer>div{border: 1px solid rgb(109, 109, 109);background-color: #ffffff;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.17);border-radius: 12px;overflow: hidden;}
#proPop .pop-header{padding: 12px 10px 12px 20px;background-color: #E9F6FB;display: flex;justify-content: space-between;}
#proPop .pop-logo{display: flex;align-items: center;column-gap: 10px;}
#proPop .pop-logo>p{font-size: 18px;font-weight: 500;color: #128fd6;font-family: 'Segoe UI';margin-bottom: 0;}
#proPop .pop-close{flex-basis: 25px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
#proPop .pop-body{padding: 35px 35px 40px;}
#proPop .pop-body>h3{margin-top: 0;margin-bottom: 30px;font-size: 24px;line-height: 1.5;font-weight: bold;color: #fa6c3a;text-align: center;}
#proPop .pop-body>div{display: flex;column-gap: 20px;align-items: center;}
#proPop .pop-body>div>img{flex-shrink: 0;}
#proPop .pop-body>div>div>h3{margin-top: 0;margin-bottom: 15px;font-size: 24px;font-weight: bold;color: #2d86f3;}
#proPop .pop-body>div>div>p{font-size: 16px;line-height: 28px;color: #444444;font-weight: 500;}
#proPop .pop-footer{background-color: #EFEFEF;display: flex;align-items: stretch;justify-content: center;gap: 20px;padding: 16px 12px 24px;}
#proPop .pop-footer>a{display: inline-block;display: flex;align-items: center;justify-content: center;column-gap: 18px;color: #ffffff;padding: 15px 28px;border-radius: 32px;min-width: 220px;font-size: 16px;font-weight: bold;transition: box-shadow .2s;}
#proPop .pop-footer>a:hover{text-decoration: none;}
#proPop .pop-footer .pop-dl-win{background-color: #31A5F6;}
#proPop .pop-footer .pop-dl-mac{background-color: #FA873A;}
#proPop .pop-footer .pop-dl-win:hover{box-shadow: 0 4px 6px #31A5F6;}
#proPop .pop-footer .pop-dl-mac:hover{box-shadow: 0 4px 6px #FA873A;}

/* 响应式 */
@media screen and (max-width: 450px){
	#header{width: 100%;}
	.nav-bor li.search_box_toggle,.nav-bor li.search_box_toggle:hover{background: none;overflow: hidden;}
	.nav-bor li.search_box_toggle a.dropdown-toggle{display: none;}
	.nav-bor li.search_box_toggle form.dropdown-menu{display: block;margin: 0;border-radius: 0;border-left: 0;border-right: 0;text-align: center;position: static;padding-left: 10px;padding-right: 10px;width: 100%;}
	.tutorial_tab_title li{ text-align: center;overflow: hidden; }
	.banner .focusbox_list li a img{width: 100%;}
	.store_btn{display: block;width: 185px;margin: 5px auto;}
	footer{padding-left: 30px;padding-right: 30px;}
	#dropdown-menu1{display: none;}
	.dropdown-title{font-size: 24px;line-height: 180%;color: #696969;font-weight: lighter;margin-bottom: 15px;}
	#dropdown-menu1 .dropdown-item>a{font-size: 13px;color: #696969;}
	#dropdown-menu1 .dropdown-item>a:hover{color: #6ad0f6;}
	#dropdown1>a{background: none;}
	#dropdown1.open>a{color: #6ad0f6;}
	#dropdown1>a:hover{color: #6ad0f6;}
	.dropdown-icon{width: 1px;height: 1px;border-top: 0;border-left: 4px solid #fff;border-right: 4px solid #fff;border-bottom: 5px solid #7d7d7d;display: inline-block;vertical-align: 3px;
		transition: transform .3s;
		-moz-transition: transform .3s; /* Firefox 4 */
		-webkit-transition: transform .3s; /* Safari 和 Chrome */
		-o-transition: transform .3s; /* Opera */
	}
	#dropdown1>a:hover>.dropdown-icon{
		border-bottom-color: #6ad0f6;
	}
	.dropdown-icon.on{
		border-bottom-color: #6ad0f6;
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}

	/*more*/
	#tutorial-nav{position: relative;}
	#more-top{padding-top: 15px;position: relative;background-color: #fff;z-index: 999;}
	#more-bot{padding-bottom: 25px;position: absolute;top: 100%;background-color: #fff;z-index: 999;display: none;width: 100%;margin-left: -15px;margin-right: -15px;}
	#more-bot>.more-ul{height: 38px;}
	.more-ul{padding: 5px 0;}
	.more-ul:after{content: '';clear: both;}
	.more-ul>li{width: 95px;height: 28px;margin: 0 6px;float: left;font-size: 16px;color: #000;line-height: 28px;text-align: center;}
	.more-ul>li>a{font-size: 13px;color: #000;}
	.more-ul>li:hover{background-color: #E07883;border-radius: 4px;}
	#more{color: #6ad0f6;}
	.more-ul>li#more:hover{background: none;}

	/*tutorial-latest*/
	.latest{height: auto;}
	.latest>.col-md-4{text-align: center;margin-bottom: 10px;}
	.latest>.col-md-4 img{width: 90%;}

	/*顶部固定悬浮下载*/
	.post_title{font-size: 16px;line-height: 170%;}
	.top_btn{padding: 0;text-align: center;margin-top: 15px;}
	.top_btn_win{text-align: left;width: 120px;background-position: 18px center;font-size: 12px;text-indent: 40px;}
	.top_btn_mac{text-align: left;width: 120px;background-position: 18px center;font-size: 12px;text-indent: 40px;}
  /*20231031*/
  .top_btn_dl{display:block;margin: 0 auto 10px;}
  .top_btn_buy{display:block;margin: 0 auto;}

	/*底部相关文章和分类*/
	.post_related{padding-left: 15px;}
	.hot_topic .hot_title{margin-top: 40px;}
	.hot_topic .bx-wrapper{margin: 40px auto 0;}
	.hot_topic .bx-wrapper a.bx-prev{left: 10px;}
	.hot_topic .bx-wrapper a.bx-next{right: 10px;}

	/*文章页面模版*/
	.under-text>img{width: 92%;}
	.side>.col-md-5{margin: 30px 0;}
	.side>.col-md-5>img{width: 92%;}
	ul.layout>li{float: none;margin-bottom: 30px;}
	ul.layout>li>div>img{max-width: 92%;}
	ul.layout>li:nth-child(3){margin-bottom: 0;}

	/*文中下载按钮*/
	ul.dl-btn>li{display: block;}
	ul.dl-btn>li:nth-child(1){margin-left: auto;margin-right: auto;}
	ul.dl-btn>li:nth-child(2){margin: 15px auto 0;}

	/*文章产品推荐*/
	.rec>li{display: block;}
	.rec>li>img{max-width: 92%;}
	.rec>li:nth-child(1){margin-bottom: 30px;}
	.rec p:nth-child(3)>a{display: block;margin: 15px 0 10px 0;}

	/*文章宽度与sidebar*/
	.container.ml-30{padding: 0 15px;}
	.wp-content{width: 100%;margin-left: 0;margin-right: 0;float: none;}
	.sidebar_cover{width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 50px;float: none;}
	.container.ml-30>.row{margin-left: 0;}
	.sidebar-ws .sidebar_cover{width: 100%;}

	/*文章图片*/
	.tc>a>img{width: auto;max-width: 100%;}

	/*底部选择理由样式*/
	.banner-footer p.text{margin-bottom: 30px;}

	/*左侧广告图*/
	/*#ad_link>img{width: 102px;height: 180px;}*/

  /*文章样式更新20200901*/
  .cap{display: block;}
  .cap>img{max-width: 90%;margin: 15px 10px;}


  .banner-store .box>p.button>a{display: block;margin-left: auto;margin-right: auto;}
  .banner-store .win{margin-bottom: 10px;}
}
@media screen and (min-width: 451px) and (max-width: 767px){
	/* 基于bootstrap改nav */
	.tutorial_tab_title li{ text-align: center;overflow: hidden; }
	#header{width: 100%;}
	.nav-bor li{margin: 0 5px;padding-left: 5px;padding-right: 5px;}
	.nav-bor.nav.navbar-nav li.dropdown.open .dropdown-menu li.active a{background-color: transparent;}
	.nav-bor li.search_box_toggle,.nav-bor li.search_box_toggle:hover{background: none;overflow: hidden;}
	.nav-bor li.search_box_toggle a.dropdown-toggle{display: none;}
	.nav-bor li.search_box_toggle form.dropdown-menu{display: block;margin: 0;border-radius: 0;border-left: 0;border-right: 0;text-align: center;position: static;padding-left: 10px;padding-right: 10px;width: 100%;}
	footer{padding-left: 30px;padding-right: 30px;}
	#dropdown-menu1{display: none;}
	.dropdown-title{font-size: 24px;line-height: 180%;color: #696969;font-weight: lighter;margin-bottom: 15px;}
	#dropdown-menu1 .dropdown-item>a{font-size: 13px;color: #696969;}
	#dropdown-menu1 .dropdown-item>a:hover{color: #6ad0f6;}
	#dropdown1>a{background: none;}
	#dropdown1.open>a{color: #6ad0f6;}
	#dropdown1>a:hover{color: #6ad0f6;}
	.dropdown-icon{width: 1px;height: 1px;border-top: 0;border-left: 4px solid #fff;border-right: 4px solid #fff;border-bottom: 5px solid #7d7d7d;display: inline-block;vertical-align: 3px;
		transition: transform .3s;
		-moz-transition: transform .3s; /* Firefox 4 */
		-webkit-transition: transform .3s; /* Safari 和 Chrome */
		-o-transition: transform .3s; /* Opera */
	}
	#dropdown1>a:hover>.dropdown-icon{
		border-bottom-color: #6ad0f6;
	}
	.dropdown-icon.on{
		border-bottom-color: #6ad0f6;
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}

	/*more*/
	#tutorial-nav{position: relative;}
	#more-top{padding-top: 15px;position: relative;background-color: #fff;z-index: 999;}
	#more-bot{padding-bottom: 25px;position: absolute;top: 100%;background-color: #fff;z-index: 999;display: none;width: 100%;margin-left: -15px;margin-right: -15px;}
	#more-bot>.more-ul{height: 38px;}
	.more-ul{padding: 5px 0;}
	.more-ul:after{content: '';clear: both;}
	.more-ul>li{width: 95px;height: 28px;margin: 0 6px;float: left;font-size: 16px;color: #000;line-height: 28px;text-align: center;}
	.more-ul>li>a{font-size: 13px;color: #000;}
	.more-ul>li:hover{background-color: #E07883;border-radius: 4px;}
	#more{color: #6ad0f6;}
	.more-ul>li#more:hover{background: none;}

	/*tutorial首页banner*/
	.tutorial-index-banner>.container{width: 297px;padding-left: 0;padding-right: 0;}
	.tutorial-index-banner .bx-prev{left: -55px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat 0 0;}
	.tutorial-index-banner .bx-prev:hover{background-position: -66px 0;}
	.tutorial-index-banner .bx-next{right: -55px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat -99px 0;}
	.tutorial-index-banner .bx-next:hover{background-position: -33px 0;}
	.tutorial-index-banner .bx-wrapper .bx-controls-direction a {
	  position: absolute;
	  top: 50%;
	  margin-top: -31px;
	  outline: 0;
	  text-indent: -9999px;
	  z-index: 9999;
	}

	/*tutorial archive banner*/
	.tutorial-archive-banner>.container{width: 297px;padding-left: 0;padding-right: 0;}
	.tutorial-archive-banner .bx-prev{left: -55px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat 0 0;}
	.tutorial-archive-banner .bx-prev:hover{background-position: -66px 0;}
	.tutorial-archive-banner .bx-next{right: -55px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat -99px 0;}
	.tutorial-archive-banner .bx-next:hover{background-position: -33px 0;}
	.tutorial-archive-banner .bx-wrapper .bx-controls-direction a {
	  position: absolute;
	  top: 50%;
	  margin-top: -31px;
	  outline: 0;
	  text-indent: -9999px;
	  z-index: 9999;
	}

	/*tutorial-latest*/
	.latest{height: auto;}
	.latest>.col-md-4{height: 317px;width: 300px;margin-left: auto;margin-right: auto;margin-bottom: 10px;}

	/*顶部固定悬浮下载*/
	.top_btn{padding: 0;text-align: center;margin-top: 15px;}
	.top_btn_win{text-align: left;}
	.top_btn_mac{text-align: left;}

	/*底部相关文章和分类*/
	.post_related{padding-left: 15px;}
	.hot_topic .hot_title{margin-top: 40px;}
	.hot_topic .bx-wrapper{margin: 40px auto 0;}
	.hot_topic .bx-wrapper a.bx-prev{left: 10px;}
	.hot_topic .bx-wrapper a.bx-next{right: 10px;}

	/*文章页面模版*/
	.under-text>img{width: 420px;}
	.side>.col-md-5{margin: 40px 0;}
	.side>.col-md-5>img{max-width: 420px;}
	ul.layout>li{float: none;margin-bottom: 40px;}
	ul.layout>li>div>img{max-width: 420px;}
	ul.layout>li:nth-child(3){margin-bottom: 0;}

	/*文中下载按钮*/
	ul.dl-btn>li{display: block;}
	ul.dl-btn>li:nth-child(1){margin-left: auto;margin-right: auto;}
	ul.dl-btn>li:nth-child(2){margin: 15px auto 0;}

	/*文章产品推荐*/
	.rec>li{display: block;}
	.rec>li>img{max-width: 420px;}
	.rec>li:nth-child(1){margin-bottom: 30px;}
	.rec p:nth-child(3)>a{display: block;margin: 15px 0 10px 0;}

	/*文章宽度与sidebar*/
	.container.ml-30{padding: 0 15px;}
	.wp-content{width: 100%;margin-left: 0;margin-right: 0;float: none;}
	.sidebar_cover{width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 50px;float: none;}
	.container.ml-30>.row{margin-left: 0;}
	.sidebar-ws .sidebar_cover{width: 100%;}

	/*文章图片*/
	.tc>a>img{width: auto;max-width: 100%;}

	/*底部选择理由样式*/
	.banner-footer p.text{margin-bottom: 30px;}

  /*文章样式更新20200901*/
  .cap{display: block;}
  .cap>img{max-width: 90%;margin: 15px 10px;}


  .banner-store .box>p.button>a{display: block;margin-left: auto;margin-right: auto;}
  .banner-store .win{margin-bottom: 10px;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	#header{width: 100%;}
	.nav-bor li{margin: 0 5px;padding-left: 5px;padding-right: 5px;}
	.nav-bor.nav.navbar-nav li.dropdown.open .dropdown-menu li.active a{background-color: transparent;}
	.nav-bor li.search_box_toggle,.nav-bor li.search_box_toggle:hover{background: none;overflow: hidden;}
	.nav-bor li.search_box_toggle a.dropdown-toggle{display: none;}
	.nav-bor li.search_box_toggle form.dropdown-menu{display: block;width: 100%;margin: 0;border-radius: 0;border-left: 0;border-right: 0;text-align: center;position: static;}
	.tutorial_tab_title li{ float:left; }
	#dropdown-menu1{display: none;}
	.dropdown-title{font-size: 24px;line-height: 180%;color: #696969;font-weight: lighter;margin-bottom: 15px;}
	#dropdown-menu1 .dropdown-item>a{font-size: 13px;color: #696969;}
	#dropdown-menu1 .dropdown-item>a:hover{color: #6ad0f6;}
	#dropdown1>a{background: none;}
	#dropdown1.open>a{color: #6ad0f6;}
	#dropdown1>a:hover{color: #6ad0f6;}
	.dropdown-icon{width: 1px;height: 1px;border-top: 0;border-left: 4px solid #fff;border-right: 4px solid #fff;border-bottom: 5px solid #7d7d7d;display: inline-block;vertical-align: 3px;
		transition: transform .3s;
		-moz-transition: transform .3s; /* Firefox 4 */
		-webkit-transition: transform .3s; /* Safari 和 Chrome */
		-o-transition: transform .3s; /* Opera */
	}
	#dropdown1>a:hover>.dropdown-icon{
		border-bottom-color: #6ad0f6;
	}
	.dropdown-icon.on{
		border-bottom-color: #6ad0f6;
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}

	/*more*/
	#tutorial-nav{position: relative;}
	#more-top{padding-top: 15px;position: relative;background-color: #fff;z-index: 999;}
	#more-bot{padding-bottom: 25px;position: absolute;top: 100%;background-color: #fff;z-index: 999;display: none;width: 100%;margin-left: -15px;margin-right: -15px;}
	#more-bot>.more-ul{height: 38px;}
	.more-ul{padding: 5px 0;}
	.more-ul:after{content: '';clear: both;}
	.more-ul>li{width: 95px;height: 28px;margin: 0 6px;float: left;font-size: 16px;color: #000;line-height: 28px;text-align: center;}
	.more-ul>li>a{font-size: 13px;color: #000;}
	.more-ul>li:hover{background-color: #E07883;border-radius: 4px;}
	#more{color: #6ad0f6;}
	.more-ul>li#more:hover{background: none;}

	/*tutorial首页banner*/
	.tutorial-index-banner>.container{width: 599px;padding-left: 0;padding-right: 0;}
	.tutorial-index-banner .bx-prev{left: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat 0 0;}
	.tutorial-index-banner .bx-prev:hover{background-position: -66px 0;}
	.tutorial-index-banner .bx-next{right: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat -99px 0;}
	.tutorial-index-banner .bx-next:hover{background-position: -33px 0;}
	.tutorial-index-banner .bx-wrapper .bx-controls-direction a {
	  position: absolute;
	  top: 50%;
	  margin-top: -31px;
	  outline: 0;
	  text-indent: -9999px;
	  z-index: 9999;
	}

	/*tutorial archive banner*/
	.tutorial-archive-banner>.container{width: 599px;padding-left: 0;padding-right: 0;}
	.tutorial-archive-banner .bx-prev{left: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat 0 0;}
	.tutorial-archive-banner .bx-prev:hover{background-position: -66px 0;}
	.tutorial-archive-banner .bx-next{right: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat -99px 0;}
	.tutorial-archive-banner .bx-next:hover{background-position: -33px 0;}
	.tutorial-archive-banner .bx-wrapper .bx-controls-direction a {
	  position: absolute;
	  top: 50%;
	  margin-top: -31px;
	  outline: 0;
	  text-indent: -9999px;
	  z-index: 9999;
	}

	/*tutorial-latest*/
	.latest{height: auto;}
	.latest>.col-md-4{height: 317px;width: 300px;margin-left: auto;margin-right: auto;margin-bottom: 10px;}

	/*顶部固定悬浮下载*/
	.top_btn{padding: 0;text-align: center;margin-top: 15px;}
	.top_btn_win{text-align: left;}
	.top_btn_mac{text-align: left;}

	/*底部相关文章和分类*/
	.post_related{padding-left: 15px;}
	.hot_topic .hot_title{margin-top: 40px;}
	.hot_topic .bx-wrapper{margin: 40px auto 0;}

	/*文章页面模版*/
	.under-text>img{max-width: 600px;}
	.side>.col-md-5{margin: 40px 0;}
	.side>.col-md-5>img{max-width: 600px;}
	ul.layout>li{float: none;margin-bottom: 40px;}
	ul.layout>li>div>img{max-width: 600px;}
	ul.layout>li:nth-child(3){margin-bottom: 0;}

	/*文章产品推荐*/
	.rec>li{display: block;}
	.rec>li>img{max-width: 600px;}
	.rec>li:nth-child(1){margin-bottom: 30px;}

	/*文章宽度与sidebar*/
	.wp-content{width: 100%;margin-left: 0;margin-right: 0;float: none;}
	.sidebar_cover{width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 50px;float: none;}
	.container.ml-30>.row{margin-left: 0;}
	.sidebar-ws .sidebar_cover{width: 100%;}

	/*文章图片*/
	.tc>a>img{width: auto;max-width: 500px;}

	/*底部选择理由样式*/
	.banner-footer p.text{margin-bottom: 30px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.floatleft{float: left;}
	.floatright{float: right;}
	#header{/*background: url('/images/tutorial/index/top.jpg') no-repeat center bottom;*/position: relative;}
	#header>header{width: 100%;}
	#header .navbar-default{background: none;}
	#dropdown1{position: static;}
	#dropdown-menu1{display: none;position: absolute;background-color: #F2FAFC;width: 100%;left: 0;top: 75px;z-index: 1000;padding: 30px 0;}
	#dropdown-menu1>li{padding-bottom: 0;border-bottom: 0;}
	#dropdown-menu1 .container>li{float: left;width: 20%;padding-bottom: 0;border-bottom: 0;}
	/*.navbar{position: static;}*/
	#header .navbar-header .navbar-brand{width: 5%;}
	.nav li.dropdown:hover ul.dropdown-menu{display: flex;}
	#header .navbar-header{margin-left: 8%;}
  .nav-bor{margin-top: 28px;}
	.nav-bor li{border-bottom:5px solid transparent;padding-bottom: 22px;padding-left: 15px;padding-right: 15px;}
	.nav-bor li.search_box_toggle{margin-top: -5px;}
	.nav-bor li.lang_box a{color: #32aac8;font-family: "Segoe UI";}
	.nav-bor li.search_box_toggle,.nav-bor li.lang_box{padding-bottom: 0;border-bottom:0;}
	.nav-bor li.search_box_toggle.active,.nav-bor li.search_box_toggle:hover,.nav-bor li.lang_box:hover{border-bottom:0;}
	.nav-bor.nav.navbar-nav li.active a{background-color: transparent;}
	.nav-bor li,.nav-bor li:hover,.nav-bor .dropdown-menu li a,.nav-bor .dropdown-menu li a:hover{
		transition:all 0.5s;
		-o-transition:all 0.5s;
		-ms-transition:all 0.5s;
		-moz-transition:all 0.5s;
		-webkit-transition:all 0.5s;
	}
	.nav-bor li a{padding: 0;}
	.nav-bor li.dropdown ul.dropdown-menu li a{padding: 5px 0;color: #777;}
	.nav-bor li.dropdown ul.dropdown-menu li a:hover{color: #32aac8;text-indent:1em;background-color: #f5f5f5;}
	.nav-bor li.dropdown ul.dropdown-menu li.active a{padding: 3px 0;color: #fff;}
	.nav-bor li.dropdown ul.dropdown-menu li.active a:hover{background-color: transparent;text-indent:0;}
	.nav-bor li.dropdown ul.dropdown-menu li.dropdown-header{color: #000;font-family: "MyriadPro-Bold";font-size: 18px;margin: 10px 0;}
	.nav-bor .dropdown-menu{top: 110%;}
	.nav-bor .dropdown-menu li.dropdown-header:hover{background: none;}
	.nav-bor .dropdown-menu li.active{background-color: #337ab7;}
	.nav-bor .dropdown-menu li,.nav-bor .dropdown-menu li:active,.nav-bor .dropdown-menu li:hover{border:0;margin: 5px 0;padding: 0 30px;}
	.nav-bor .dropdown-menu li.active a,.nav-bor .dropdown-menu li.active a:hover{background: none;border: 0;text-indent: 0;}
	#bs-example-navbar-collapse-1 .search_box_toggle{padding: 0;}
	#bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu{left: -100px;}
	#bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .form-control{width: 200px;height: auto;font-size: 16px;font-family: "Segoe UI";}
	#bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .btn{font-size: 16px;height: auto;}
	.bor-lang button{margin-top: 22px;}
	.tutorial_tab_title li{ float:left; }.nav li.dropdown:hover ul.dropdown-menu{display: block;border-radius: 0;border: none;}
	.dropdown-title{font-size: 24px;line-height: 180%;color: #696969;font-weight: lighter;margin-bottom: 15px;}
	#dropdown-menu1 .dropdown-item>a{font-size: 13px;color: #696969;}
	#dropdown-menu1 .dropdown-item>a:hover{color: #6ad0f6;}
	#dropdown1>a{background: none;}
	#dropdown1.open>a{color: #6ad0f6;}
	#dropdown1>a:hover{color: #6ad0f6;}
	.dropdown-icon{width: 1px;height: 1px;border-top: 0;border-left: 4px solid #fff;border-right: 4px solid #fff;border-bottom: 5px solid #7d7d7d;display: inline-block;vertical-align: 3px;
		transition: transform .3s;
		-moz-transition: transform .3s; /* Firefox 4 */
		-webkit-transition: transform .3s; /* Safari 和 Chrome */
		-o-transition: transform .3s; /* Opera */
	}
	#dropdown1>a:hover>.dropdown-icon{
		border-bottom-color: #6ad0f6;
	}
	.dropdown-icon.on{
		border-bottom-color: #6ad0f6;
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}

	/*more*/
	#tutorial-nav{position: relative;}
	#more-top{padding-top: 15px;position: relative;background-color: #fff;z-index: 999;}
	#more-bot{padding-bottom: 25px;position: absolute;top: 100%;background-color: #fff;z-index: 999;display: none;width: 100%;margin-left: -15px;margin-right: -15px;}
	#more-bot>.more-ul{height: 38px;}
	.more-ul{padding: 5px 0;}
	.more-ul:after{content: '';clear: both;}
	.more-ul>li{width: 95px;height: 28px;margin: 0 6px;float: left;font-size: 16px;color: #000;line-height: 28px;text-align: center;}
	.more-ul>li>a{font-size: 13px;color: #000;}
	.more-ul>li:hover{background-color: #E07883;border-radius: 4px;}
	#more{color: #6ad0f6;}
	.more-ul>li#more:hover{background: none;}

	/*tutorial首页banner*/
	.tutorial-index-banner>.container{width: 599px;padding-left: 0;padding-right: 0;}
	.tutorial-index-banner .bx-prev{left: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat 0 0;}
	.tutorial-index-banner .bx-prev:hover{background-position: -66px 0;}
	.tutorial-index-banner .bx-next{right: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat -99px 0;}
	.tutorial-index-banner .bx-next:hover{background-position: -33px 0;}
	.tutorial-index-banner .bx-wrapper .bx-controls-direction a {
	  position: absolute;
	  top: 50%;
	  margin-top: -31px;
	  outline: 0;
	  text-indent: -9999px;
	  z-index: 9999;
	}

	/*tutorial archive banner*/
	.tutorial-archive-banner>.container{width: 599px;padding-left: 0;padding-right: 0;}
	.tutorial-archive-banner .bx-prev{left: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat 0 0;}
	.tutorial-archive-banner .bx-prev:hover{background-position: -66px 0;}
	.tutorial-archive-banner .bx-next{right: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat -99px 0;}
	.tutorial-archive-banner .bx-next:hover{background-position: -33px 0;}
	.tutorial-archive-banner .bx-wrapper .bx-controls-direction a {
	  position: absolute;
	  top: 50%;
	  margin-top: -31px;
	  outline: 0;
	  text-indent: -9999px;
	  z-index: 9999;
	}

	/*顶部固定悬浮下载*/
	.top_btn{padding: 0;}
	.top_btn_win{width: 150px;text-indent: 45px;}
	.top_btn_mac{width: 150px;text-indent: 45px;}

	/*底部相关文章和分类*/
	.hot_topic .bx-wrapper{margin: 70px auto 0;}
	.hot_topic .bx-wrapper a.bx-prev{left: 10px;}
	.hot_topic .bx-wrapper a.bx-next{right: 10px;}

	/*文章页面模版*/
	.under-text>img{max-width: 650px;}
	.side>.col-md-5>img{max-width: 345px;}
	ul.layout>li{margin-right: 35px;width: 300px;}
	ul.layout>li>div>img{max-width: 300px;}
	ul.layout>li:nth-child(3){margin-right: 0;}

	/*文章产品推荐*/
	.rec>li{width: 50%;}
	.rec>li>img{max-width: 420px;}

	/*文章宽度与sidebar*/
	.wp-content{width: 680px;margin-left: 70px;float: left;}
	.sidebar_cover{width: 220px;margin-left: 20px;}
	.container.ml-30>.row{margin-left: -20px;}

	.sidebar-ws .sidebar_cover{width: 220px;}

	/*文章图片*/
	.tc>a>img{width: auto;max-width: 700px;}
	.col-md-4 img{max-width: 95%;}

	/*首页latest*/
	.latest{height: 300px;}
	.latest>.col-md-8{padding: 12px;}
	.latest>.col-md-4 img{width: 243px;margin-left: -15px;}
	.latest dd>a{font-size: 12px;}

	/*文章标题*/
	.title-single{padding-right: 240px;width: 920px;float: right;}
	.title-banner-ws .title-single{padding-left: 60px;padding-right: 0;width: 840px;float: none;}
}
@media screen and (min-width: 1200px) and (max-width: 1439px){
	#header{/*background: url('/images/tutorial/index/top.jpg') no-repeat center bottom;*/position: relative;}
	#header>header{width: 1100px;margin: 0 auto;}
	#header .navbar-default{background: none;}
	#dropdown1{position: static;}
	#dropdown-menu1{display: none;position: absolute;background-color: #F2FAFC;width: 100%;left: 0;top: 75px;z-index: 1000;padding: 30px 0;}
	#dropdown-menu1>li{padding-bottom: 0;border-bottom: 0;}
	#dropdown-menu1 .container>li{float: left;width: 20%;padding-bottom: 0;border-bottom: 0;}
	/*.navbar{position: static;}*/
	/* 基于bootstrap改nav */
	.tutorial_tab_title li{ float:left; }
	.floatleft{float: left;}
	.floatright{float: right;}
	.tutorial_tab_title li{ float:left; }
  .nav li.dropdown:hover ul.dropdown-menu{display: flex;}
	.dropdown-title{font-size: 24px;line-height: 180%;color: #696969;font-weight: lighter;margin-bottom: 15px;}
	#dropdown-menu1 .dropdown-item>a{font-size: 13px;color: #696969;}
	#dropdown-menu1 .dropdown-item>a:hover{color: #6ad0f6;}
	#dropdown1>a{background: none;}
	#dropdown1.open>a{color: #6ad0f6;}
	#dropdown1>a:hover{color: #6ad0f6;}
	.dropdown-icon{width: 1px;height: 1px;border-top: 0;border-left: 4px solid #fff;border-right: 4px solid #fff;border-bottom: 5px solid #7d7d7d;display: inline-block;vertical-align: 3px;
		transition: transform .3s;
		-moz-transition: transform .3s; /* Firefox 4 */
		-webkit-transition: transform .3s; /* Safari 和 Chrome */
		-o-transition: transform .3s; /* Opera */
	}
	#dropdown1>a:hover>.dropdown-icon{
		border-bottom-color: #6ad0f6;
	}
	.dropdown-icon.on{
		border-bottom-color: #6ad0f6;
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}
  .nav-bor{margin-top: 28px;margin-left: 5%;margin-right: 10px;}
	.nav-bor li{border-bottom: 5px solid transparent;padding-bottom: 22px;padding-left: 18px;padding-right: 18px;}
	.nav-bor li.search_box_toggle{margin-top: -5px;}
	.nav-bor li.lang_box a{color: #32aac8;font-family: "Segoe UI";}
	.nav-bor li.search_box_toggle,.nav-bor li.lang_box{padding-bottom: 0;border-bottom:0;}
	.nav-bor li.search_box_toggle.active,.nav-bor li.search_box_toggle:hover,.nav-bor li.lang_box:hover{border-bottom:0;}
	.nav-bor.nav.navbar-nav li.active a{background-color: transparent;}
	.nav-bor li,.nav-bor li:hover,.nav-bor .dropdown-menu li a,.nav-bor .dropdown-menu li a:hover{
		transition:all 0.5s;
		-o-transition:all 0.5s;
		-ms-transition:all 0.5s;
		-moz-transition:all 0.5s;
		-webkit-transition:all 0.5s;
	}
	.nav-bor li a{padding: 0;}
	.nav-bor li.dropdown ul.dropdown-menu li a{color: #777;}
	.nav-bor li.dropdown ul.dropdown-menu li a:hover{color: #32aac8;text-indent:1em;background-color: #f5f5f5;padding-right: 1em;}
	.nav-bor li.dropdown ul.dropdown-menu li.active a{padding: 3px 0;color: #fff;}
	.nav-bor li.dropdown ul.dropdown-menu li.active a:hover{background-color: transparent;text-indent:0;}
	.nav-bor li.dropdown ul.dropdown-menu li.dropdown-header{color: #000;font-family: "MyriadPro-Bold";font-size: 18px;margin: 10px 0;}
	.nav-bor .dropdown-menu{top: 110%;}
	.nav-bor .dropdown-menu li.dropdown-header:hover{background: none;}
	.nav-bor .dropdown-menu li.active{background-color: #337ab7;}
	.nav-bor .dropdown-menu li,.nav-bor .dropdown-menu li:active,.nav-bor .dropdown-menu li:hover{border:0;margin: 5px 0;padding: 0 30px;}
	.nav-bor .dropdown-menu li.active a,.nav-bor .dropdown-menu li.active a:hover{background: none;border: 0;text-indent: 0;}
	#bs-example-navbar-collapse-1 .search_box_toggle{margin-left: 50px;padding: 0;}
	#bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .form-control{width: 200px;height: auto;font-size: 16px;font-family: "Segoe UI";}
	#bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .btn{font-size: 16px;height: auto;}
	.bor-lang button{margin-top: 22px;}

	/*more*/
	#tutorial-nav{position: relative;}
	#more-top{padding-top: 15px;position: relative;background-color: #fff;z-index: 999;}
	#more-bot{padding-bottom: 25px;position: absolute;top: 100%;background-color: #fff;z-index: 999;display: none;width: 100%;margin-left: -15px;margin-right: -15px;}
	#more-bot>.more-ul{height: 38px;}
	.more-ul{padding: 5px 0;}
	.more-ul:after{content: '';clear: both;}
	.more-ul>li{width: 110px;height: 28px;margin: 0 10px;float: left;font-size: 16px;color: #000;line-height: 28px;text-align: center;}
	.more-ul>li>a{font-size: 15px;color: #000;}
	.more-ul>li:hover{background-color: #E07883;border-radius: 4px;}
	#more{color: #6ad0f6;}
	.more-ul>li#more:hover{background: none;}

	/*tutorial首页banner*/
	.tutorial-index-banner>.container{width: 901px;padding-left: 0;padding-right: 0;}
	.tutorial-index-banner .bx-prev{left: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat 0 0;}
	.tutorial-index-banner .bx-prev:hover{background-position: -66px 0;}
	.tutorial-index-banner .bx-next{right: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat -99px 0;}
	.tutorial-index-banner .bx-next:hover{background-position: -33px 0;}
	.tutorial-index-banner .bx-wrapper .bx-controls-direction a {
	  position: absolute;
	  top: 50%;
	  margin-top: -31px;
	  outline: 0;
	  text-indent: -9999px;
	  z-index: 9999;
	}

	/*tutorial archive banner*/
	.tutorial-archive-banner>.container{width: 901px;padding-left: 0;padding-right: 0;}
	.tutorial-archive-banner .bx-prev{left: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat 0 0;}
	.tutorial-archive-banner .bx-prev:hover{background-position: -66px 0;}
	.tutorial-archive-banner .bx-next{right: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat -99px 0;}
	.tutorial-archive-banner .bx-next:hover{background-position: -33px 0;}
	.tutorial-archive-banner .bx-wrapper .bx-controls-direction a {
	  position: absolute;
	  top: 50%;
	  margin-top: -31px;
	  outline: 0;
	  text-indent: -9999px;
	  z-index: 9999;
	}

	/*底部相关文章和分类*/
	.hot_topic .bx-wrapper{margin: 70px auto 0;}

	/*文章页面模版*/
	.under-text>img{max-width: 600px;}
	.side>.col-md-5>img{max-width: 400px;}
	ul.layout>li{margin-right: 75px;width: 300px;}
	ul.layout>li>div>img{max-width: 300px;}
	ul.layout>li:nth-child(3){margin-right: 0;}

	/*文章产品推荐*/
	.rec>li{width: 50%;}
	.rec>li>img{max-width: 450px;}

	/*文章宽度与sidebar*/
	.wp-content{width: 800px;float: left;margin-left: 40px;}

	/*文章图片*/
	.tc>a>img{max-width: 720px;}
	.col-md-4 img{max-width: 95%;}

	/*首页latest*/
	.latest>.col-md-8{padding: 20px;}
	.latest dd>a{font-size: 13px;}

	/*文章标题*/
	.title-single{padding-right: 270px;width: 1050px;float: right;}
	.title-banner-ws .title-single{padding-left: 10px;padding-right: 0;width: 840px;float: none;}
}
@media screen and (min-width: 1440px){
	#header{/*background: url('/images/tutorial/index/top.jpg') no-repeat center bottom;*/position: relative;}
	#header>header{width: 1185px;margin: 0 auto;}
	#header .navbar-default{background: none;}
	#dropdown1{position: static;}
	#dropdown-menu1{display: none;position: absolute;background-color: #F2FAFC;width: 100%;left: 0;top: 75px;z-index: 1000;padding: 30px 0;}
	#dropdown-menu1>li{padding-bottom: 0;border-bottom: 0;}
	#dropdown-menu1 .container>li{float: left;width: 20%;padding-bottom: 0;border-bottom: 0;}
	/*.navbar{position: static;}*/
	.floatleft{float: left;}
	.floatright{float: right;}
	.tutorial_tab_title li{ float:left; }
  .nav li.dropdown:hover ul.dropdown-menu{display: flex;}
	.dropdown-title{font-size: 24px;line-height: 180%;color: #696969;font-weight: lighter;margin-bottom: 15px;}
	#dropdown-menu1 .dropdown-item>a{font-size: 13px;color: #696969;}
	#dropdown-menu1 .dropdown-item>a:hover{color: #6ad0f6;}
	#dropdown1>a{background: none;}
	#dropdown1.open>a{color: #6ad0f6;}
	#dropdown1>a:hover{color: #6ad0f6;}
	.dropdown-icon{width: 1px;height: 1px;border-bottom: 0;border-left: 4px solid #fff;border-right: 4px solid #fff;border-top: 5px solid #7d7d7d;display: inline-block;vertical-align: 3px;
		transition: transform .3s;
		-moz-transition: transform .3s; /* Firefox 4 */
		-webkit-transition: transform .3s; /* Safari 和 Chrome */
		-o-transition: transform .3s; /* Opera */
	}
	#dropdown1>a:hover>.dropdown-icon{
		border-top-color: #6ad0f6;
	}
	.dropdown-icon.on{
		border-top-color: #6ad0f6;
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}
  .nav-bor{margin-top: 28px;margin-left: 9%;margin-right: 10px;}
	.nav-bor li{border-bottom: 5px solid transparent;padding-bottom: 22px;padding-left: 15px;padding-right: 15px;}
	.nav-bor li.search_box_toggle{margin-top: -5px;}
	.nav-bor li.lang_box a{color: #32aac8;font-family: "Segoe UI";}
	.nav-bor li.search_box_toggle,.nav-bor li.lang_box{padding-bottom: 0;border-bottom:0;}
	.nav-bor li.search_box_toggle.active,.nav-bor li.search_box_toggle:hover,.nav-bor li.lang_box:hover{border-bottom:0;}
	.nav-bor.nav.navbar-nav li.active a{background-color: transparent;}
	.nav-bor li,.nav-bor li:hover,.nav-bor .dropdown-menu li a,.nav-bor .dropdown-menu li a:hover{
		transition:all 0.5s;
		-o-transition:all 0.5s;
		-ms-transition:all 0.5s;
		-moz-transition:all 0.5s;
		-webkit-transition:all 0.5s;
	}
	.nav-bor li a{padding: 0;}
	.nav-bor li.dropdown ul.dropdown-menu li a{color: #777;}
	.nav-bor li.dropdown ul.dropdown-menu li a:hover{color: #32aac8;text-indent:1em;background-color: #f5f5f5;padding-right: 1em;}
	.nav-bor li.dropdown ul.dropdown-menu li.active a{padding: 3px 0;color: #fff;}
	.nav-bor li.dropdown ul.dropdown-menu li.active a:hover{background-color: transparent;text-indent:0;}
	.nav-bor li.dropdown ul.dropdown-menu li.dropdown-header{color: #000;font-family: "MyriadPro-Bold";font-size: 18px;margin: 10px 0;}
	.nav-bor .dropdown-menu{top: 110%;}
	.nav-bor .dropdown-menu li.dropdown-header:hover{background: none;}
	.nav-bor .dropdown-menu li.active{background-color: #337ab7;}
	.nav-bor .dropdown-menu li.active a,.nav-bor .dropdown-menu li.active a:hover{background: none;border: 0;text-indent: 0;}
	.nav-bor .dropdown-menu li,.nav-bor .dropdown-menu li:active,.nav-bor .dropdown-menu li:hover{border:0;margin: 5px 0;padding: 0 30px;}
	#bs-example-navbar-collapse-1 .search_box_toggle{margin-left: 50px;padding: 0;}
	#bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .form-control{width: 200px;height: auto;font-size: 16px;font-family: "Segoe UI";}
	#bs-example-navbar-collapse-1 .search_box_toggle .dropdown-menu .btn{font-size: 16px;height: auto;}
	.bor-lang button{margin-top: 22px;}

	/*more*/
	#tutorial-nav{position: relative;}
	#more-top{padding-top: 15px;position: relative;background-color: #fff;z-index: 999;}
	#more-bot{padding-bottom: 25px;position: absolute;top: 100%;background-color: #fff;z-index: 999;display: none;width: 100%;margin-left: -15px;margin-right: -15px;}
	#more-bot>.more-ul{height: 38px;}
	.more-ul{padding: 5px 0;}
	.more-ul:after{content: '';clear: both;}
	.more-ul>li{width: 110px;height: 28px;margin: 0 10px;float: left;font-size: 16px;color: #000;line-height: 28px;text-align: center;}
	.more-ul>li>a{font-size: 15px;color: #000;width: 100%;display: inline-block;}
	.more-ul>li>a:hover{background-color: #E07883;border-radius: 4px;}
	#more{color: #6ad0f6;}
	.more-ul>li#more:hover{background: none;}

	/*tutorial首页banner*/
	.tutorial-index-banner>.container{width: 1200px;padding-left: 0;padding-right: 0;}
	.tutorial-index-banner .bx-prev{left: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat 0 0;}
	.tutorial-index-banner .bx-prev:hover{background-position: -66px 0;}
	.tutorial-index-banner .bx-next{right: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat -99px 0;}
	.tutorial-index-banner .bx-next:hover{background-position: -33px 0;}
	.tutorial-index-banner .bx-wrapper .bx-controls-direction a {
	  position: absolute;
	  top: 50%;
	  margin-top: -31px;
	  outline: 0;
	  text-indent: -9999px;
	  z-index: 9999;
	}

	/*tutorial archive banner*/
	.tutorial-archive-banner>.container{width: 1200px;padding-left: 0;padding-right: 0;}
	.tutorial-archive-banner .bx-prev{left: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat 0 0;}
	.tutorial-archive-banner .bx-prev:hover{background-position: -66px 0;}
	.tutorial-archive-banner .bx-next{right: -70px;width: 33px;height: 63px;background: url('/images/tutorial/index/arrow.png') no-repeat -99px 0;}
	.tutorial-archive-banner .bx-next:hover{background-position: -33px 0;}
	.tutorial-archive-banner .bx-wrapper .bx-controls-direction a {
	  position: absolute;
	  top: 50%;
	  margin-top: -31px;
	  outline: 0;
	  text-indent: -9999px;
	  z-index: 9999;
	}

	/*tutorial首页latest*/
	.tutorial-latest>.container{width: 1200px;}

	/*底部相关文章和分类*/
	.hot_topic .bx-wrapper{margin: 70px auto 0;}

	/*文章页面模版*/
	.under-text>img{max-width: 650px;}
	.side>.col-md-5>img{max-width: 420px;}
	ul.layout>li{margin-right: 75px;width: 300px;}
	ul.layout>li>div>img{max-width: 300px;}
	ul.layout>li:nth-child(3){margin-right: 0;}

	/*文章产品推荐*/
	.rec>li{width: 50%;}
	.rec>li>img{max-width: 450px;}

	/*文章宽度与sidebar*/
	/*.wp-container{width: 1100px;}*/
	.wp-content{width: 800px;float: left;margin-left: 40px;}

	/*文章图片*/
	.tc>a>img{max-width: 720px;}

	/*文章标题*/
	.title-single{padding-right: 270px;width: 1050px;float: right;}
	.title-banner-ws .title-single{padding-left: 10px;padding-right: 0;width: 840px;float: none;}
}


/*addthis样式修改*/
.addthis_floating_style.addthis_counter_style, .addthis_floating_style.addthis_counter_style .addthis_internal_container{
	-webkit-box-sizing: content-box;
			box-sizing: content-box;
}

/*底部选择理由样式*/
.banner-footer h1{font-size: 36px;color: #000000;text-align: center;margin-bottom: 60px;}
.banner-footer .imgbox{width: 126px;height: 126px;background-image: url('/jp/images/footer/footer.png');background-repeat: no-repeat;margin: 0 auto 32px;}
.banner-footer .imgbox1{background-position: 0 0;}
.banner-footer .imgbox2{background-position: 0 -126px;}
.banner-footer .imgbox3{background-position: 0 -252px;}
.banner-footer .imgbox4{background-position: 0 -378px;}
.banner-footer p.title{font-size: 20px;line-height: 26px;color: #414141;margin-bottom: 20px;padding-bottom: 0;font-weight: bold;text-align: center;}
.banner-footer p.text{font-size: 15px;line-height: 28px;color: #414141;text-align: center;padding: 0 10px;}

/*指针悬浮透明度*/
.hover-opacity{transition: opacity .2s;}
.hover-opacity-07:hover{opacity: .7;}

/*首页jPages分页*/
.holder {
	margin: 30px 0 15px;
	text-align: right;
}

.holder a {
	font-size: 12px;
	cursor: pointer;
	margin: 0 5px;
	color: #868585;
}

.holder a:hover {
	color: #000;
}

.holder a.jp-previous { margin-right: 15px; }
.holder a.jp-next { margin-left: 15px; }

.holder a.jp-current, a.jp-current:hover { 
	color: #000;
}

.holder a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}

.holder span { margin: 0 5px; }

/*zBench主题样式*/
.entry p{line-height:18px;margin:0 0 18px 0;}
.entry{font-size:13px;overflow:hidden;padding:0 10px;}
.entry a{color:#333;text-decoration:underline;}
.entry a:hover{color:#4a630f;text-decoration:none;}
.entry img{background:#fff;border:1px solid #ddd;padding:5px;}

/*bootstrap栅格布局消除左右内边距*/
.clearfix>div{padding-left: 0;padding-right: 0;}

/*表格样式*/
.wp-table{ width:100%}
.wp-table table{ border-left:1px solid #d3d3d3; border-radius:3px; font-size:13px; border-top:1px solid #d3d3d3;}
.wp-table table tr{ height:40px;}
.wp-table table tr td{ text-align:center; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;  }
.wp-table table tr td.zuo{ text-align:left; padding-left:20px}
.wp-jk{ background:#dde9ee; height:46px; font-size:17px}

.tdn{text-decoration: none!important;}

/*20240409*/
#sidebar{height: 100%;position: relative;}
font>.sidebar-container{height: 100%;}
#widget-tracking{top: 70px!important;position: sticky;}
#rtoc-mokuji-wrapper{display: none;}
.table-of-contents{display: none;}
.widget #rtoc-mokuji-wrapper #rtoc-mokuji-title{
    color: #ffffff;font-size: 18px!important;font-weight: bold;text-transform: uppercase;letter-spacing: 0.03em;text-align: center;border-radius: 12px;padding: 8px 15px!important;user-select: none;margin-bottom: 15px!important;
    background-image: -moz-linear-gradient( 90deg, rgb(60,167,249) 0%, rgb(47,129,237) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(60,167,249) 0%, rgb(47,129,237) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(60,167,249) 0%, rgb(47,129,237) 100%);
}
.widget #rtoc-mokuji-wrapper.rtoc-mokuji-content .rtoc-mokuji.level-1{padding: 0 25px 0 30px!important;border-radius: 0 0 6px 6px;}
.widget #rtoc-mokuji-wrapper .rtoc-mokuji.level-1:before{left: 10px!important;}
.widget #rtoc-mokuji-wrapper .rtoc-mokuji .rtoc-item{font-size: 14px!important;color: #444444;}
@media (min-width: 992px){
  #sidebar #rtoc-mokuji-wrapper{display: block;}
  .container.ml-30>.row{display: flex;align-items: stretch;}
}