body {
    width: 100%;
    overflow-x: hidden;
    font-size: 16px;
    background-color: #fff
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
em,
th,
p,
a,
li,
td,
b,
div {
    font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";
    font-size: inherit
}

a,
span,
b {
    font: inherit
}

img {
    max-width: 100%
}

table {
    border-collapse: 0;
    border-spacing: 0
}

.ft60 {
    font-size: 60px
}

.right_btn:visited {
    color: #fff
}

.wrap_left {
    width: 69.5%
}

.wrap_right {
    width: 27.5%
}

.crumbs {
    padding: 1rem 0;
    border-bottom: 1px solid #e9e9e9
}

.crumbs a,
.wrap .crumbs b {
    font-size: 12px;
    color: #939393
}

.wrap h1 {
    margin: 1.2rem 0;
    font-size: 38px;
    color: #1a1a1a
}

.wrap .summary,
.wrap .summary p {
    font-size: 14px;
    color: #1a1a1a;
    line-height: 1.714
}

.wrap b {
    font-weight: bold;
    color: #000
}

.langage_time {
    font-size: 14px;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e9e9e9
}

.langage_time a {
    color: #08c
}

.langage_time .left a {
    padding: 0 10px;
    line-height: 1;
    border-right: 1px solid #d2d2d2
}

.langage_time .upd_time a {
    padding: 0
}

.langage_time a:last-child,
.langage_time .upd_time a {
    border: 0
}

.upd_time i {
    font-style: normal
}

.langage_read {
    position: relative;
    margin-left: 10px
}

.langage_read:before {
    content: " | ";
    display: inline-block;
    vertical-align: top
}

.langage_read>span {
    position: absolute;
    top: 0
}

.pchide {
    display: none
}

.read_others {
    width: 100px;
    height: 30px;
    display: inline-block;
    position: relative;
    left: 70px;
    top: -8px;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    cursor: pointer
}

.read_others:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border: 6px solid transparent;
    border-top-color: #2ba9e7;
    position: absolute;
    top: 10px;
    right: 5px;
    transition: all .5s ease-in-out
}

.read_others span {
    line-height: 30px;
    padding-left: 20px;
    color: #2ba9e7;
    font-size: 14px
}

.wrap .read_others ul {
    margin: 0
}

.wrap .read_others li {
    margin: 0;
    padding: 0
}

.wrap .read_others li:before {
    content: none
}

.read_others ul {
    width: 100%;
    height: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    left: 0;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    list-style: none;
    border-radius: 5px;
    transform: scale(0.9);
    opacity: 0;
    transition: all .5s ease-in-out;
    overflow: hidden;
    z-index: 9
}

.wrap .read_others ul a {
    display: block;
    padding: 10px 0 10px 20px;
    font-size: 14px;
    color: #2ba9e7;
    text-decoration: none
}

.read_others ul a:hover {
    background-color: #e9f3f8
}

.read_others:hover::after {
    border-bottom-color: #2ba9e7;
    border-top-color: transparent;
    transform: translateY(-5px)
}

.read_others:hover ul {
    height: auto;
    opacity: 1;
    transform: scale(1)
}

#adv {
    margin: 2.375rem auto
}

#adv_cont {
    padding: 20px;
    position: relative;
    border: 1px solid #f0eeee;
    overflow: hidden;
    background: url(../adv_bg1.html) right no-repeat;
    box-shadow: 0 0 5px #f0eeee
}

#adv_cont:before {
    content: "";
    width: 200px;
    height: 100%;
    display: block;
    background: url(../adv_bg2.html) no-repeat;
    position: absolute;
    left: 0;
    top: -20px;
    z-index: -1
}

.adv_block_text {
    max-width: 680px;
    margin-left: 20px
}

.adv_block_text h2 {
    font-size: 20px
}

.adv_block_text p {
    margin-top: 10px;
    font-size: 14px;
    color: #666
}

.adv_block_btn {
    width: 193px
}

.adv_block_btn a {
    height: 46px;
    display: block;
    border-radius: 5px;
    background-color: #28c918;
    background: linear-gradient(#53db30, #05b905);
    text-align: center;
    color: #fff;
    line-height: 46px
}

.adv_block_btn a:before {
    content: "\e801";
    font-family: "iconfont";
    margin-right: 5px;
    font-size: 24px;
    vertical-align: middle
}

.adv_block_btn a:hover {
    background-color: #25d622;
    background: linear-gradient(#05b905, #53db30);
    text-decoration: none
}

.adv_block_btn>div {
    max-width: 164px;
    height: 29px;
    margin: auto;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ebebeb
}
/* new adv */
/* Advertising */


.advertising{padding: 30px;box-sizing: border-box;border-radius: 10px;margin: 30px 0;display: flex;align-items: center;}
.advertising .adimg{vertical-align: middle;display: inline-block;}
.advertising .adimg img{vertical-align: middle;width: 100%;}
.advertising ul{list-style: none;}
.advertising.type1 .adimg{margin: 0 57px 0 20px;width: 88px;flex-shrink: 0;max-width: 88px;}
.advertising.type2 .adimg{margin: 0 30px 0 0px;max-width: 300px;height: auto;width: 35%;}
.advertising.type3.dk .adimg{margin: 0 57px 0 20px;width: 88px;flex-shrink: 0;}

.advertising .adtext{display: inline-block;vertical-align: middle;}
.advertising.type1 .adtext{display: inline-block;vertical-align: middle;}
.advertising.type2 .adtext{display: inline-block;vertical-align: middle;max-width: 600px;width: 65%;}
.advertising.type3.dk .adtext{display: inline-block;vertical-align: middle;}
.adtext h4{font-weight: 600;font-size: 24px;line-height: 33px;color: #000000;margin-bottom: 20px;}
.adtext h4 a{font-weight: 600;font-size: 24px;line-height: 33px;color: #000000;margin-bottom: 20px;text-decoration: none;}
.adtext h4 a:hover{text-decoration: underline;}
.advertising.type2 .adtext h4 a{color: #3968DD;}
.adtext>p{font-weight: 400;font-size: 16px;line-height: 22px;margin-bottom: 20px;color: #333333;}

.advertising.type2 .sptgodown>p{width: 228px;display: inline-block;text-align: center;}


.sptgodown a{transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out; display: inline-block;color: #fff;text-decoration: none;border-radius: 5px;font-weight: 600;padding: 10px;box-sizing: border-box;font-size: 18px;line-height: 1.7;text-align: center;}
.sptgodown a:hover{transform: translate3d(0,-5px,3px);-webkit-transform: translate3d(0,-5px,3px);}
.sptgodown .testdl{width: 200px;height: 52px;background: #31A03B;}
.testdl .down_icon:after {content: "\e901";font-family: "iconfont";font-style: normal;display: inline-block;vertical-align: middle;font-weight: 500;margin-left: 10px;}
.sptgodown .testdlwin{width: 213px;background: #31A03B;color: #fff;line-height: 32px;border-radius: 5px;}
.sptgodown .testdlmac{width: 213px;height: 52px;color: #fff;line-height: 32px;background: #2D59C7;border-radius: 5px;}
.sptgodown em{font-weight: 400;font-size: 14px;line-height: 19px;color: #666666;margin: 10px auto 0;display: block;text-align: center;}
.sptgodown.alone{margin: 20px auto 30px;}
.sptgodown.alone.mo .testdl{display: none;}
.sptgodown.alone a{margin: 10px;}
.testdlwin .down_icon:after,
.testdlmac .down_icon:after{vertical-align: bottom; font-style: normal;font-family: "pricon";color: #fff;font-size: 22px;position: relative;margin-right: 10px;}
.testdlwin .down_icon:after {content: "\eac2";}
.testdlmac .down_icon:after {content: "\eabf";}
.advertising .adtext ul{margin-bottom: 30px; list-style: none;}
.advertising .adtext li{text-align: left; font-weight: 400;font-size: 18px;list-style: none; line-height: 25px;color: #333333;position: relative;margin: 16px 0 0 0;padding-left: 20px;box-sizing: border-box;}
.adtext li::after{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;left: 0;top: 10px;transform: translateY(0%);background: #666;}


.advertising.typea{padding: 20px;}
.advertising.typea .adtext{max-width: 560px;width: 60%;}
.advertising.typea .adimg {margin: 0 30px 0 0px;max-width: 350px;width: 100%; height: auto;width: 40%;}
.advertising.typea .adimg img{width: 100%;}
.advertising.typea .adtext h4 a{color: #3968DD;}
.advertising.typea .sptgodown>p{width: 228px;display: inline-block;text-align: center;}
/* .advertising.type3 */



.advertising.ati{background: #F3FAFF url(../png/adbgimg_ati.png) top center no-repeat;background-size: cover;}
.advertising.type2.ati{background: #F3FAFF url(../png/adbgimg_ati2.png) top center no-repeat;background-size: cover;}
.advertising.type3.ati{background: #F3FAFF;}
.advertising.typea.ati{background: #F3FAFF url(../png/adbgimg_ati2.png) top center no-repeat;background-size: cover;}


.advertising.au{background: #EDF9F9 url(../png/adbgimg_au.png) top center no-repeat;background-size: cover;}
.advertising.type2.au{background: #EDF9F9 url(../png/adbgimg_au2.png) top center no-repeat;background-size: cover;}
.advertising.type3.au{background: #EDF9F9 ;}
.advertising.typea.au{background: #EDF9F9 url(../png/adbgimg_au2.png) top center no-repeat;background-size: cover;}

.advertising.af{background: #E8FFFB url(../png/adbgimg_af.png) top center no-repeat;background-size: cover;}
.advertising.type2.af{background: #E8FFFB url(../png/adbgimg_af2.png) top center no-repeat;background-size: cover;}
.advertising.type3.af{background: #E8FFFB ;}
.advertising.typea.af{background: #E8FFFB url(../png/adbgimg_af2.png) top center no-repeat;background-size: cover;}

.advertising.apt{background: #F2F8FE url(../png/adbgimg_apt.png) top center no-repeat;background-size: cover;}
.advertising.type2.apt{background: #F2F8FE url(../png/adbgimg_apt2.png) top center no-repeat;background-size: cover;}
.advertising.type3.apt{background: #F2F8FE;}
.advertising.typea.apt{background: #F2F8FE url(../png/adbgimg_apt2.png) top center no-repeat;background-size: cover;}

.advertising.dk{background: #EFFFF1 url(../png/adbgimg_dk.png) top center no-repeat;background-size: cover;}
.advertising.type2.dk{background: #EFFFF1 url(../png/adbgimg_dk2.png) top center no-repeat;background-size: cover;}
.advertising.type3.dk{background: #EFFFF1 url(../png/adbgimg_dk3.png) top center no-repeat;background-size: cover;}
.advertising.type4.dk{background: #EFFFF1;}
.advertising.typea.dk{background: #EFFFF1 url(../png/adbgimg_dk2.png) top center no-repeat;background-size: cover;}

.advertising.pri{background: #F1FFFF url(../png/adbgimg_pri.png) top center no-repeat;background-size: cover;}
.advertising.type2.pri{background: #F1FFFF url(../png/adbgimg_pri2.png) top center no-repeat;background-size: cover;}
.advertising.type3.pri{background: #F1FFFF;}
.advertising.typea.pri{background: #F1FFFF url(../png/adbgimg_pri2.png) top center no-repeat;background-size: cover;}

.advertising.pt{background: #E5F6FE url(../png/adbgimg_pt.png) top center no-repeat;background-size: cover;}
.advertising.type2.pt{background: #E5F6FE url(../png/adbgimg_pt2.png) top center no-repeat;background-size: cover;}
.advertising.type3.pt{background: #E5F6FE;}
.advertising.typea.pt{background: #E5F6FE url(../png/adbgimg_pt2.png) top center no-repeat;background-size: cover;}

/* .advertising.amo{background: #E5F6FE url(https://imobie-resource.com/jp/support/img/adbgimg_pt.png) top center no-repeat;background-size: cover;} */
.advertising.type2.amo{background: #F4F2FF url(../png/adbgimg_amo2.png) top center no-repeat;background-size: cover;}
.advertising.type2.amo .adimg{margin: 0;width: auto;height: auto;}

/* .advertising.type3.amo{background: #E5F6FE;} */
.advertising.sf{position: relative; background: #E7FBF3 url(../png/adbgimg_sf.png) top center no-repeat;background-size: cover;padding: 20px;}
.advertising.type2.sf{background: #E7FBF3 url(../png/adbgimg_sf2.png) top center no-repeat;background-size: cover;}
.advertising.type3.sf{background: #E7FBF3 ;background-size: cover;padding: 40px 60px;}
.advertising.type3 .adtext{margin-right: 30px;}
.advertising.type4.sf{background: #E7FBF3;padding: 30px;}
.advertising.type1.sf .adtext{margin-right: 25px;}
.advertising.type4.sf .adtext{margin-right: 30px;}
.advertising.type2.sf .adtext{width: 60%;max-width: 560px;}
.advertising.type1.sf .adimg{margin: 0 25px 0 0;width: 146px;flex-shrink: 0;}
.advertising.type2.sf .adimg {margin: 0 30px 0 0px;max-width: 350px;width: 100%; height: auto;width: 40%;}
.advertising.sf .adimg img{width: 100%;}
.sptgodown .advbtn_tip{color: #666;margin-top: 10px;font-size: 14px;display:block;text-align: center;}
.sf .corner_mark{position: absolute;}
.sf .corner_mark1{left: 20px;top: 20px;transform: rotateZ(0deg);pointer-events: none;}
.sf .corner_mark2{right: 20px;top: 20px;transform: rotateZ(90deg);pointer-events: none;}
.sf .corner_mark3{left: 20px;bottom: 20px;transform: rotateZ(270deg);pointer-events: none;}
.sf .corner_mark4{right: 20px;bottom: 20px;transform: rotateZ(180deg);pointer-events: none;}


.spdlbtnos{margin:20px auto 30px;position:relative;text-align: center;}
.spdlbtnos a{display:inline-block;width:312px;height:72px;margin:10px;text-align:center;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,0.15);transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out}
.spdlbtnos b{display:inline-block;width:230px;margin-top:12px;font-size:10px;color:#fff;text-align:left;font-weight:300}
.spdlbtnos em{display:block;color:#fff;font-size:18px;font-weight:300;margin-bottom:5px}
.spdlbtnos a:before{font-family:"pricon";color:#fff;font-size:32px;position:relative;top:-5px;margin-right:10px}
.spdlbtnos .testdlwin{background-color:#15b002}
.spdlbtnos .testdlmac{background-color:#484848}
.spdlbtnos .testdlmac:before{content:"\eabf"}
.spdlbtnos .testdlwin:before{content:"\eac2"}
.spdlbtnos a:hover{transform:translate3d(0,-5px,3px);-webkit-transform:translate3d(0,-5px,3px);-moz-transform:translate3d(0,-5px,3px);text-decoration:none}
.atcmsgodownb {width: 386px;}
.atcmsgodownb a {text-decoration: none; width: 386px;height: 66px;border-radius: 10px;background: #63b525;text-align: center;line-height: 66px;font-size: 24px;color: #ffffff !important;display: block;margin: 10px 0 5px;position: relative;}
.atcmsgodownb b {font-size: 12px;text-align: center;display: block;font-weight: normal;}
/* Advertising - end */



/* end new adv */

.wrap_left img {
    height: auto;
    vertical-align: middle
}

.wrap_left>h2,
.itecon>h2,
.wrap_left .howtocont h2 {
    margin: 1.875rem 0;
    padding: 1rem .75rem;
    font-size: 1.5rem;
    border-left: 4px solid #2ba9e7;
    background-color: #e3f6fc
}

.wrap_left>h3,
.itecon>h3,
.warp>h3,
.wrap_left .howtocont h3 {
    margin: 0 0 1.625rem 0;
    font-size: 1.25rem;
    color: #000
}

.wrap_left p {
    margin: 1.25rem 0;
    font-size: 16px;
    line-height: 1.75;
    color: #1a1a1a
}

.wrap_left ul {
    margin: 1.875rem auto
}

.wrap_left li {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.75;
    color: #1a1a1a
}

.wrap_left ul li {
    list-style-type: none;
    position: relative;
    padding-left: 1rem
}

.wrap_left ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 100%;
    background-color: #2ba9e7
}

.wrap_left table {
    width: 100%;
    max-width: 680px;
    margin: 20px auto;
    border: 0
}

.wrap_left table,
.wrap_left tr,
.wrap_left td {
    border: 1px solid #c5c5c5;
    border-collapse: collapse;
    border-spacing: 0;
    color: inherit;
    font-weight: inherit;
    text-align: center;
    font-size: 14px
}

.wrap_left td {
    padding: 10px;
    line-height: 1.5
}

.wrap_left td p,
.wrap_left td li {
    font-size: inherit
}

.wrap_left table tr:first-child {
    background-color: #179de5;
    color: #fff;
    font-weight: bold
}

.wrap_left table td:first-child {
    font-weight: bold
}

.wrap_left table .star {
    background: url(../png/star-8.png) repeat;
    width: 80px;
    height: 16px;
    margin-top: 5px;
    line-height: 16px;
    position: relative;
    margin: 0 auto
}

.wrap_left table .yellow_star {
    background: url(../png/star_yellow.png) repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    width: 16px;
    position: absolute;
    left: 0
}

.wrap_left em {
    font-style: italic
}

.wrap_left stong {
    font-weight: bolder;
    font-size: inherit;
    color: inherit
}

.wp-caption,
.support_guide_img {
    max-width: 100%;
    margin: 20px auto;
    text-align: center
}

.wp-caption img,
.support_guide_img img {
    height: auto;
    border-radius: 5px;
    border: 1px solid #e9e9e9
}

.wp-caption p,
.wp-caption .wp-caption-text,
.support_guide_img p {
    margin: 5px auto 0 auto;
    font-size: 12px;
    color: #4c4c4c;
    font-style: italic
}

.alignright {
    float: right;
    margin: 0 0 0 10px
}

.alignleft {
    float: left;
    margin: 0 10px 0 0
}

.tag_block {
    margin: 1.875rem auto;
    padding-bottom: 30px;
    border-bottom: 1px solid #f2f2f2
}

.tag_block a {
    display: inline-block;
    padding: 2px 10px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #2ba9e7;
    font-size: 14px;
    color: #2ba9e7
}

.tag_block a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #2ba9e7
}

.author {
    margin: 45px 0
}

.author_cont {
    max-width: 570px;
    margin-left: 10px
}

.rs_clm1 .author_cont,
.rs_clm4 .author_cont {
    max-width: 90%
}

.author_cont>p {
    color: #666;
    font-size: 14px;
    margin: 5px 0 0 0;
    line-height: 1.43
}

.wrap .author_cont_share b {
    font-weight: normal
}

.author_cont_share>b:after {
    content: "";
    width: 1px;
    height: 15px;
    display: inline-block;
    margin: 0 1.25rem;
    border-left: 1px solid #a1a1a1;
    transform: rotate(20deg)
}

.author_cont_share a {
    display: inline-block;
    margin: 0 5px
}

.related h2 {
    font-size: 20px
}

.related a {
    width: 30%;
    margin-top: 1.875rem;
    display: inline-block;
    vertical-align: top
}

.related a:nth-of-type(3n-1) {
    margin-left: 4%;
    margin-right: 4%
}

.related b {
    max-width: 204px;
    height: 124px;
    display: inline-block;
    overflow: hidden
}

.rs_clm1 .related b,
.rs_clm4 .related b {
    max-width: none
}

.related span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    color: #1899e0
}

.related .relateds_q {
    margin: 2.5rem auto;
    padding: 1.5rem 10px 1.5rem 5rem;
    color: #fff;
    background: #19a2f5 url(../message.html) 1.25rem center no-repeat;
    border: 10px solid #f7f7f7
}

.relateds_q a {
    color: inherit
}

.spt_contact {
    margin: 30px auto;
    border: 10px solid #f5f5f5;
    text-align: center
}

.spt_contact p {
    margin: 15px auto
}

.spt_contact p:before {
    content: "";
    width: 46px;
    height: 32px;
    display: inline-block;
    margin-right: 10px;
    background: url(../png/spt_contact.png) no-repeat;
    vertical-align: middle
}

.wrap_right_cont {
    padding: 10px 0;
    border: 1px solid #eee;
    background-color: #f7f7f7;
    text-align: center;
    overflow: hidden
}

.rs_clm2 .wrap_right_cont {
    padding: 0;
    border: 0;
    background-color: #fff
}

.right_fixed {
    max-width: 270px;
    position: fixed;
    top: 10px
}

.right_dl {
    padding: 10px 20px;
    background-color: #f7f7f7
}

.right_dl_title h2 {
    font-size: 22px;
    color: #08c;
    text-decoration: none
}

.right_dl_title sup {
    font-size: 12px
}

.right_dl_title img {
    max-width: 80px;
    display: block;
    margin: 0 auto
}

.right_dl>p {
    font-size: 14px;
    margin: 10px auto 15px auto
}

.ag_desc,
.heic_desc {
    max-width: 90%;
    text-align: left
}

.ag_step,
.heic_step {
    max-width: 90%;
    margin: 20px auto
}

.ag_step span {
    display: block;
    padding: 10px 20px;
    margin-top: 5px;
    text-align: left;
    font-size: 14px;
    color: #666;
    background-color: #ebeef0
}

.right_btn {
    max-width: 190px;
    height: 48px;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    line-height: 48px
}

.right_btn_buy:before {
    content: "\e903";
    font-family: "iconfont";
    margin-right: 20px;
    font-size: 24px;
    vertical-align: middle
}

.right_btn_buy {
    margin-bottom: 5px;
    background-color: #f90
}

.right_btn_buy:hover {
    color: #fff;
    text-decoration: none;
    background-color: #fba11b
}

.right_btn_dl:before {
    content: "";
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background: url(../png/newspt_dl_icon2.png) no-repeat
}

.btn_coming_soon:after,
.btn_coming_soon:before {
    content: none
}

.right_btn_dl {
    background-color: #14b100
}

.right_btn_dl:hover {
    background-color: #26c712;
    color: #fff;
    text-decoration: none
}

.commitment {
    display: inline-block;
    margin: 0 auto;
    text-align: left
}

.commitment li {
    font-size: 12px
}

.dl_times {
    margin: 15px auto 20px auto
}

.dl_times span {
    display: inline-block;
    padding: 2px;
    margin: 0 3px;
    font-size: 18px;
    border-radius: 1px;
    border: 1px solid #b5b5b5
}

.dl_times>p {
    font-size: 12px
}

.dl_times>p:after,
.dl_times>p:before {
    content: "";
    width: 15px;
    height: 5px;
    display: inline-block;
    margin: 0 10px;
    background: url(../jpg/dl_times_star.jpg) no-repeat;
    vertical-align: middle
}

.wrap_right h4 {
    margin: 1.25rem 0;
    font-size: 14px;
    font-weight: bold;
    color: #1a1a1a
}

.reviews_imgs {
    padding-bottom: 1.25rem;
    border-top: 1px solid #eaeaea
}

.reviews_imgs img {
    max-width: 90%
}

.rated {
    width: 124px;
    padding: 0 1.875rem;
    margin: 1.25rem auto;
    background: url(../jpg/rated.jpg) center bottom no-repeat;
    overflow: hidden
}

.rated b {
    display: block;
    font-weight: bold;
    font-size: 16px
}

.rated p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.2
}

.reviews_circle>a {
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 3px;
    border-radius: 100%;
    border: 1px solid #a4a4a4
}

.reviews_circle .circle_current {
    background-color: #2ba9e7;
    border-color: #2ba9e7
}

.right_reviews {
    border-top: 1px solid #eaeaea
}

.right_reviews_cont {
    position: relative
}

.right_reviews_cont>p {
    width: 90%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transform: translateX(30px);
    font-size: 14px;
    line-height: 1.714;
    color: #666;
    background-color: #f7f7f7
}

.right_reviews_cont .reviews_current {
    transform: translateX(0);
    transition: all .5s ease-in-out;
    position: relative;
    z-index: 2;
    opacity: 1
}

.right_reviews_cont span {
    display: block;
    margin-bottom: 10px
}

.right_reviews_cont b {
    display: block;
    color: #08c
}

.grade {
    margin: 1.875rem 0;
    padding: 10px 0;
    border: 1px solid #ececec;
    border-radius: 5px
}

.grade span {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 -1px;
    color: rgba(0, 0, 0, 0);
    text-align: center;
    line-height: 14px;
    overflow: hidden
}

.grade .grade_full {
    background: url(../jpg/grade_star.jpg) no-repeat
}

.grade .grade_half {
    background: url(../jpg/grade_star2.jpg) no-repeat
}

.grade>p {
    width: 220px;
    display: inline-block;
    margin: 10px 30px;
    font-size: 14px
}

.grade>p span:first-child {
    margin-left: .625rem
}

.step {
    width: 24px;
    height: 22px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    line-height: 22px;
    color: #2ba9e7;
    background: url(../jpg/step.jpg) no-repeat
}

.step2 {
    padding: 5px 0 5px 10px;
    margin-right: 20px;
    font-size: 18px;
    font-weight: bold;
    background-color: #e4f8ff;
    position: relative
}

.step2:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: -1px;
    right: -36px;
    border: 18px solid transparent;
    border-left-color: #e4f8ff
}

.tools_block {
    padding: 1rem;
    border-radius: 5px;
    background-color: #edf6fb
}

.wrap_left .tools_block li:before {
    content: none
}

.wrap_left .tools_block li {
    padding-left: 1.875rem;
    margin: 12px 0;
    background: url(../jpg/tools_block_icon.jpg) no-repeat
}

.tip_style {
    margin: 1.875rem 0;
    padding: 0 10px 10px 10px;
    background: #fff5ed url(../jpg/tips_bg.jpg) right center no-repeat;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    color: #e6955a;
    font-style: italic
}

.tip_style:before {
    content: "Tips:";
    width: 70px;
    margin: 10px 0 10px -10px;
    padding-right: 14px;
    text-align: center;
    display: block;
    font-size: 18px;
    color: #fff;
    background-color: #ffb884;
    line-height: 28px;
    font-style: italic
}

.tip_style:after {
    content: "";
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-right-color: #fff5ed;
    position: absolute;
    top: 10px;
    left: 56px
}

.tip_style p {
    margin: 10px 0 10px 10px;
    padding: 0 20px;
    color: inherit;
    font-size: inherit;
    background: url(../jpg/tips_imgs.jpg) left 5px no-repeat
}

.note_style {
    margin: 1.875rem 0;
    padding: 0 10px 10px 10px;
    background: #e8f7ff url(../jpg/note_bg.jpg) right center no-repeat;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    color: #08c;
    font-style: italic
}

.note_style:before {
    content: "Note";
    width: 70px;
    margin: 10px 0 10px -10px;
    padding-right: 14px;
    text-align: center;
    display: block;
    font-size: 18px;
    color: #fff;
    background-color: #0088cb;
    line-height: 28px;
    font-style: italic
}

.note_style:after {
    content: "";
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-right-color: #e8f7ff;
    position: absolute;
    top: 10px;
    left: 56px
}

.note_style p {
    margin: 10px 0 10px 10px;
    padding: 0 20px
}

.note_style p,
.note_style li,
.note_style span,
.note_style b,
.note_style strong,
.tip_style p,
.tip_style li,
.tip_style span,
.tip_style b,
.tip_style strong {
    color: inherit;
    font-size: inherit
}

.tip_style a,
.note_style a {
    text-decoration: underline;
    color: inherit
}

.wrap_left .tw_block {
    display: block;
    margin: 1.875rem 0;
    padding: 10px 0;
    border-radius: 5px;
    background-color: #ebf8ff;
    color: #19a2f5;
    position: relative
}

.tw_block:after {
    content: "";
    width: 27%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #19a2f5 url(../jpg/tw_imgs.jpg) right center no-repeat;
    background-size: 100% auto
}

.tw_block span {
    width: 64%;
    max-width: 470px;
    font-size: 14px;
    line-height: 1.5;
    padding: 24px 20px;
    display: block;
    position: relative
}

.tw_block span:before {
    content: url(../jpg/quotes1.jpg);
    position: absolute;
    top: 0;
    left: 10px
}

.tw_block span:after {
    content: url(../quotes2.html);
    position: absolute;
    bottom: 0;
    right: 10px
}

.tw_block:hover {
    text-decoration: none
}

.recommended {
    padding: 30px 0;
    margin: 45px 0;
    border-top: 2px solid #edf6fb;
    border-bottom: 2px solid #edf6fb;
    position: relative
}

.recommended h2 {
    display: inline-block;
    padding-right: 30px;
    background-color: #fff;
    position: absolute;
    top: -18px;
    font-size: 20px;
    color: #000
}

.recommended>p {
    max-width: 190px;
    height: auto;
    margin: 0;
    overflow: hidden
}

.recommended>p img {
    width: 100%;
    height: auto;
    display: block
}

.recommended ul {
    max-width: 490px;
    margin: 0
}

.recommended ul li {
    margin: 0 0 10px 0;
    line-height: 1.2
}

.recommended a {
    font-size: 14px
}

.recommended ul li:before {
    content: none
}
/* Table of Contents */
.linknav{background: #F4F9F0;padding: 40px 30px;margin: 30px auto;}
.linknav h4{font-weight: 600;font-size: 22px;line-height: 30px;color: #000000;}
.linknav .foldbtn{font-size: 18px;line-height: 25px;color: #2BA9E7;cursor: pointer;font-style: inherit;}
.foldbtn:before {content: "【";margin-right: 3px;}
.foldbtn::after {content: "】";margin-right: 3px;}

.foldcont{margin-top: 30px;}
.foldcont h5{margin-top: 25px;}
.foldcont h5:first-child{margin-top: 0px;}
.foldcont h5 a{font-size: 18px;line-height: 18px;padding-left: 26px;color: #6FA549;position: relative;display: inline-block;vertical-align: bottom;}
.foldcont h5 a::after{content: "\e802";font-family: "iconfont";position: absolute;width: 16px;height: 16px;border-radius: 50%;border: 1px solid #6FA549;left: 0;top: 50%;transform: translateY(-50%);font-size: 12px;-webkit-text-stroke: 1px #6FA549;text-align: center;}
.foldcont ul{margin-left: 26px;}
.foldcont ul li{list-style: disc;margin: 20px 0 0px 20px;line-height: 16px;padding-left: 0;}
.foldcont ul li::before{display: none;}
.foldcont li a{font-weight: 400;font-size: 16px;line-height: 16px;color: #333333;}

.spttag{ font-weight: 600;font-size: 12px;vertical-align: bottom;display: inline-block;border-radius: 5px;padding: 4px;box-sizing: border-box;line-height: 12px;}
.spttag.hot{color: #CF2727;background-color: #FFE2E2;}
.spttag.new{color: #06A015;background-color: #CFEED0;}
.spttag.recomm{color: #CF2727;background-color: #FEE4CC;}
.spttag.form{color: #000;background-color: none;border: 1px solid #000;padding:3px 4px 3px 4px;}
.spttag.form::after{content: url(../png/spttag_form.png);margin-left: 4px;}

.spttag.video{color: #CF2727;background-color: none;border: 1px solid #CF2727;padding:3px 18px 3px 4px;position: relative;}
.spttag.video::after{content: '';margin-left: 4px;
width: 0;
height: 0;
top: 50%;
transform: translateY(-50%);
position:absolute;
border-left: 7px solid #CF2727;
border-top: 4px solid #cf272700;
border-bottom: 4px solid #cf272700;
border-radius: 1px;
}
.nav_anchor {
    padding: 10px;
    margin: 20px 0;
    background-color: #f4f9f0
}

.nav_anchor p {
    margin: 0
}

.nav_anchor a {
    margin: 5px 15px;
    position: relative;
    font-size: 14px;
    color: #6fa549
}

.nav_anchor2 a {
    width: 45%;
    display: inline-block
}

.nav_anchor a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-color: #6fa549;
    vertical-align: middle
}

.nav_anchor ul,
.nav_anchor li {
    padding: 0;
    margin: 0
}

.nav_anchor2 li {
    display: inline-block;
    width: 45%
}

.nav_anchor2 li a {
    width: 100%
}

.wrap_left .nav_anchor li:before,
.wrap_left .navul li:before,
.crumbs li:last-child:after,
.wrap_left .navul li:before {
    display: none
}

.tip_style_mobile {
    display: block
}

.tip_style_mobile p {
    font-size: 14px;
    margin: 0 0 8px 0
}

.share_block {
    position: fixed;
    left: 0;
    top: 20%
}

.share_block a {
    width: 46px;
    height: 46px;
    display: block;
    text-align: center;
    transition: all .2s ease-in-out
}

.fb_share {
    background: #324b8a url(../png/fb_icon2-2.png) center no-repeat
}

.tw_share {
    background: #569bd6 url(../png/tw_icon2-2.png) center no-repeat
}

.gl_share {
    background: #cf4435 url(../png/gplus_icon.png) center no-repeat
}

.reddit_share {
    background: #ff6550 url(../png/reddit-2.png) center no-repeat
}

.share_block a:hover {
    width: 70px;
    filter: brightness(1.2);
    -webkit-filter: brightness(1.2);
    -moz-filter: brightness(1.2)
}

.custom_btn {
    margin: 20px auto;
    display: inline-block
}

.custom_btn p {
    width: 190px;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    text-align: center
}

.custom_btn .btn_guar {
    width: 100%;
    display: block;
    margin-top: 10px;
    font-size: 12px;
    line-height: 1;
    font-weight: bold
}

.custom_btn b {
    display: block;
    margin-top: 10px;
    text-align: left;
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold
}

.custom_btn .alc {
    text-align: center
}

.custom_btn a {
    width: 100%;
    height: 50px;
    display: block;
    line-height: 50px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    border-radius: 5px
}

.custom_btn a:before {
    content: "";
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.ismobile a:before {
    margin-right: 15px
}

.iswin a:before {
    background: url(../png/newspt_win_icon.png)
}

.ismac a:before {
    background: url(../png/newspt_mac_icon.png)
}

.custom_btn .ismobile .btn_dl:before {
    margin-right: 5px;
    background: url(../png/newspt_dl_icon2.png) no-repeat
}

.custom_btn .ismobile .btn_buy:before {
    content: "\e903";
    width: auto;
    height: auto;
    font-family: "iconfont";
    font-size: 24px
}

.rs_clm1 .custom_btn,
.rs_clm4 .custom_btn {
    width: fill-available;
    width: -moz-fill-available;
    width: -moz-available;
    width: -webkit-fill-available;
    text-align: center
}

.btn_dl {
    background-color: #14b100
}

.btn_dl:hover {
    text-decoration: none;
    background-color: #26c712
}

.btn_buy {
    background-color: #f90
}

.btn_buy:hover {
    text-decoration: none;
    background-color: #fba11b
}

.custom_btn .ismac {
    margin-left: 10px
}

.navside {
    width: 280px;
    background-color: #e2eefb;
    position: fixed;
    top: 25%;
    left: 0;
    z-index: 5;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out
}

.navside1 {
    top: 20%
}

.navside h4 {
    line-height: 1.4;
    font-size: 16px
}

.navside h4 a {
    display: block;
    padding: 10px 20px 10px 10px;
    color: #333
}

.navside h4 a:hover {
    color: #08c
}

.navside_list,
.navsidebox {
    width: 280px;
    padding-bottom: 25px;
    overflow: hidden;
    background-color: #f5f8fb
}

.wrap_right_hot h3 {
    font-size: 20px;
    font-weight: 500
}

.wrap .wrap_right_hot b {
    font-weight: normal
}

.navside_list a,
.navsidebox>a,
.navchild,
.navchild a {
    display: block;
    padding: 11px 20px 11px 10px;
    line-height: 1.6;
    font-size: 14px;
    color: #666;
    position: relative
}

.navside_list a:hover {
    background-color: #fff;
    color: #08c;
    text-decoration: none
}

.navside_list a:hover:after {
    content: "";
    display: inline-block;
    border: 5px solid transparent;
    border-left-color: #1a94d1;
    position: absolute;
    right: 10px;
    top: 17px
}

.navshowicon {
    display: inline-block;
    width: 37px;
    height: 75px;
    cursor: pointer;
    border-radius: 0 75px 75px 0;
    border-left: 2px solid #0173ac;
    position: absolute;
    top: 45px;
    right: -38px;
    z-index: 3;
    background-color: #0392da
}

.navshowicon:after {
    content: "";
    display: inline-block;
    width: 23px;
    height: 27px;
    margin: 25px 0 0 4px;
    background: url(../png/navshowicon.png) no-repeat
}

.navsidemove {
    margin-left: -280px
}

.navsidemove .navshowicon:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.navsidebox>a,
.navchild {
    padding: 13px 20px 13px 10px;
    border-bottom: 1px solid #eee;
    color: #08c
}

.navchild {
    color: #666
}

.navsidebox>a:before,
.navchild:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    position: relative;
    top: 4px;
    border-radius: 100%;
    border: 5px solid #c3dffb;
    background-color: #91c6fb
}

.navchild a {
    padding: 10px 20px 5px 0;
    font-size: 13px;
    border-left: 1px dashed #d9d9d9;
    left: 8px;
    color: #08c
}

.navchild a:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    border-radius: 100%;
    position: relative;
    left: -4px;
    background-color: #bbb
}

.right_btn_noicon:before {
    display: none
}

.rs_clm1 .wrap_left,
.rs_clm4 .wrap_left {
    width: 100%
}

.rs_clm1 .share_block,
.rs_clm4 .share_block {
    right: 0;
    left: inherit
}

.rs_clm2 .right_fixed {
    position: relative
}

.rs_clm2 h1 {
    margin-top: 0
}

.resource_share {
    width: 46px;
    left: auto;
    right: 0
}

.resource_share a {
    float: right
}

.wrap_right_hot {
    margin: 45px 0;
    text-align: left
}

.wrap_right_hot a {
    display: block;
    margin-top: 20px;
    color: #666;
    font-size: 13px;
    line-height: 1.5
}

.wrap_right_hot a span {
    width: 100px;
    max-height: 60px;
    margin-right: 10px;
    overflow: hidden
}

.wrap_right_hot h3 {
    font-size: 18px
}

.wrap_right_hot img {
    height: auto;
    transform: scale(0.95);
    transition: all .5s ease-in-out
}

.wrap_right_hot a:hover img {
    transform: scale(1)
}

.res_aside {
    padding-bottom: 25px;
    border: 1px solid #eee
}

.res_aside h3 {
    padding: 15px 0;
    position: relative;
    background-color: #f5f5f5;
    font-size: 20px
}

.res_aside h3:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    border: 10px solid transparent;
    border-top-color: #f5f5f5;
    position: absolute;
    bottom: -20px;
    left: 30px
}

.res_aside>a,
.res_aside p {
    display: block;
    margin-top: 15px;
    padding: 0 20px;
    text-align: left;
    color: #333;
    font-size: 14px
}

.res_aside a {
    text-decoration: underline
}

.res_aside a:hover {
    color: #08c
}

.res_aside li {
    list-style-type: disc;
    margin: 0 20px 0 45px;
    font-size: 12px
}

.res_aside li a {
    display: block;
    margin: 10px 0 0 0;
    text-align: left;
    color: #333
}

.wrap blockquote {
    margin: 40px;
    position: relative;
    font-style: italic
}

.wrap blockquote p,
.wrap blockquote a,
.wrap blockquote div {
    font-style: inherit
}

.wrap blockquote:before {
    content: "“";
    position: absolute;
    left: -30px;
    top: 15px;
    font-size: 46px;
    line-height: 0;
    color: #666;
    font-style: italic;
    font-family: "Arial"
}

.wrap blockquote>p:last-child::after {
    content: "”";
    position: relative;
    bottom: -30px;
    margin-left: 10px;
    font-size: 46px;
    line-height: 0;
    color: #666;
    font-style: italic;
    font-family: "Arial"
}

.custom_dlblock {
    margin: 30px auto;
    padding: 20px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    box-shadow: 0 0 5px #f0f0f0;
    background: url(../jpg/custom_dlblock_bg.jpg) right center no-repeat;
    background-size: auto 100%
}

.custom_dlblock h5 {
    font-size: 20px;
    color: #1aa82b
}

.custom_dlblock h5 a {
    font-size: inherit;
    color: inherit
}

.wrap .custom_dlblock p {
    margin-top: 10px;
    font-size: 14px
}

.custom_dlblock_text {
    max-width: 440px
}

.custom_dlblock_text a {
    color: #08c
}

.rs_clm1 .custom_dlblock_text,
.rs_clm4 .custom_dlblock_text {
    max-width: 740px
}

.custom_dlblock_btn {
    width: 170px;
    text-align: center
}

.custom_dlblock_btn a {
    height: 52px;
    display: block;
    margin: 0 0 5px 0;
    border-radius: 5px;
    background-color: #33c645;
    font-size: 18px;
    color: #fff;
    line-height: 52px
}

.custom_dlblock_btn a:hover {
    text-decoration: none;
    background-color: #3ed250
}

.dlblock_btn_pc:after {
    content: "\e901";
    margin-left: 5px;
    padding-bottom: 2px;
    font-family: "iconfont";
    border-bottom: 2px solid #fff;
    vertical-align: middle
}

.custom_dlblock_btn .dlblock_btn_mbl {
    display: none
}

.rs_clm2 .crumbs {
    margin-bottom: 40px
}

.crumbs li {
    display: inline-block
}

.crumbs li:after {
    content: ">";
    margin: 0 3px 0 5px;
    font-size: inherit;
    color: inherit;
    vertical-align: middle
}

.wrap_left>h4,
.warp>h4,
.itecon>h4 {
    font-size: 1.1em;
    line-height: 1.7em;
    color: grey
}

.navul,
.navol {
    padding: 10px;
    margin: 20px 0;
    background-color: #f4f9f0
}

.navol:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.navul li,
.navol li {
    margin: 5px 15px;
    font-size: 14px;
    color: #6fa549
}

.navul a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-color: #6fa549;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.navul a,
.navol a {
    font-size: inherit;
    color: inherit
}

.navhalf li {
    display: inline-block;
    width: 44%
}

.navolhalf li {
    width: 44%;
    float: left
}

.navol ol {
    padding-left: 20px
}

.wrap_left .navul ul {
    margin: 0
}

.wrap_left .navul li {
    padding-left: 0
}

.fe_pro_fun {
    text-align: center
}

.wrap_left .fe_pro_fun li {
    width: 140px;
    margin: 20px 13px;
    text-align: center;
    font-size: 13px;
    display: inline-block;
    position: static;
    padding-left: 0
}

.fe_pro_fun li span {
    display: block
}

.fe_pro_fun li a {
    line-height: 1.2
}

.iframe_video,
.iframe_video2 {
    position: relative;
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: #f9f9f9
}

.iframe_video2::-webkit-scrollbar {
    width: 5px;
    height: 2px
}

.iframe_video2::-webkit-scrollbar-track-piece {
    background: #ccc
}

.iframe_video2::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 4px
}

.iframe_video2 {
    scrollbar-arrow-color: #f4ae21;
    scrollbar-face-color: #333;
    scrollbar-3dlight-color: #666;
    scrollbar-highlight-color: #666;
    scrollbar-shadow-color: #999;
    scrollbar-darkshadow-color: #666;
    scrollbar-track-color: #666;
    scrollbar-base-color: #f8f8f8
}

.iframe_video iframe,
.iframe_video2 iframe {
    max-width: 98%;
    max-height: 100%;
    margin: 0 auto;
    display: block
}

.ag_search {
    width: 100%;
    height: 330px;
    background: url(../jpg/ag_searchbg.jpg) top center no-repeat;
    background-size: cover;
    overflow: hidden;
    text-align: center
}

.ag_search_logo {
    width: 127px;
    height: 45px;
    margin: 37px auto 18px;
    background: url(../ag_search_logo.html) top center no-repeat;
    background-size: 127px 45px
}

.ag_search h5 {
    font-size: 34px;
    color: #fff;
    line-height: 1.6
}

.ag_search p {
    font-size: 14px;
    color: #c4e8ff;
    line-height: 1.6;
    margin: 15px 0
}

.ag_search p em {
    font-size: inherit;
    color: inherit;
    vertical-align: middle;
    font-style: normal
}

.ag_search_box {
    width: 88%;
    height: 50px;
    margin: 28px auto 8px;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.ag_search_box a {
    width: 53px;
    height: 46px;
    display: block;
    background: #2a6bff;
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 5px
}

.ag_search_box a:after {
    content: "\e917";
    font-family: "iconfont";
    vertical-align: middle;
    position: relative;
    text-align: center;
    line-height: 46px;
    color: #fff;
    font-size: 24px
}

.ag_search_box a:hover {
    text-decoration: none
}

.ag_search_box input {
    padding: 0 65px 0 30px;
    border: 0;
    border-radius: 6px 0 0 6px;
    width: 100%;
    outline: 0;
    font-size: 16px
}

.ag_search_box input::-webkit-input-placeholder {
    color: #c4c4c4
}

.ag_search_box input:-moz-placeholder {
    color: #c4c4c4
}

.ag_search_box input::-moz-placeholder {
    color: #c4c4c4
}

.ag_search_box input:-ms-input-placeholder {
    color: #c4c4c4
}

​ .button_spare {
    display: block
}

.button_spare>p {
    margin: 10px 0
}

.button_spare a {
    width: 200px;
    height: 53px;
    border-radius: 5px;
    background: #2b2b2b;
    display: inline-block;
    vertical-align: top;
    margin: 10px 10px 10px 0;
    position: relative;
    text-decoration: none
}

.button_spare a:hover {
    text-decoration: none
}

.button_spare a:before {
    content: "";
    display: block;
    position: absolute;
    width: 33px;
    height: 33px;
    margin: 10px 13px 0 22px
}

.button_spare a.dl_ggplay:before {
    background: url(../png/dl_googleplay.png) left center;
    background-size: cover
}

.button_spare a.dl_appstore:before {
    background: url(../png/dl_appstore.png) left center;
    background-size: cover
}

.button_spare a.dl_apk:before {
    background: url(../png/dl_apk.png) left center;
    background-size: cover
}

.button_spare a em {
    display: block;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    padding: 9px 0 2px 70px;
    line-height: 1;
    text-align: left;
    font-style: normal
}

.button_spare a b {
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 1px 0 0 70px;
    line-height: 1;
    font-weight: normal;
    text-align: left
}

.heic_right_dl {
    background: url(../jpg/heic_dlbg.jpg) no-repeat top center;
    background-size: 100% 100%;
    padding: 20px
}

.heic_step span {
    display: block;
    width: 160px;
    height: 16px;
    padding: 10px 20px;
    margin-top: 5px;
    text-align: left;
    font-size: 14px;
    color: #964095;
    background: url(../jpg/heic_listbg.jpg) no-repeat top center;
    background-size: cover
}

.heic_right_btn {
    max-width: 200px;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#b57fda), to(#fb6766));
    background-image: linear-gradient(-270deg, #b57fda, #fb6766);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-decoration: none
}

.heic_right_btn:hover {
    background: -webkit-gradient(linear, left top, right top, from(#b066e0), color-stop(#f95a5c), to(#ec6c7f)) 0 0;
    background: linear-gradient(-270deg, #b066e0, #f95a5c, #ec6c7f) 0 0;
    text-decoration: none;
    color: #fff
}

.heic_right_btn:visited,
.heic_right_btn:link {
    color: #fff
}

.heic_right_dl .right_dl_title,
.heic_right_dl .right_dl_title h2,
.heic_right_dl .right_dl_title h2:link {
    color: #000
}

.heic_desc {
    color: #000
}

.heic_wrap .wrap_left>h2,
.heic_wrap .wrap_left .itecon>h2 {
    border-left: 4px solid #b87bdc;
    background-color: #f6e7ff
}

.heic_wrap .spt_comment {
    margin-top: 30px
}

.iteimg {
    height: 0;
    overflow: hidden
}

.asidelink {
    width: 260px;
    position: fixed;
    left: 0px;
    top: 110px;transform: translateX(0px);
    background-color: #fff;
    z-index: 101;
    transition: .5s ease;
    box-shadow: 0 0 15px rgba(29, 29, 29, .1)
}

.asidelink_switch {
    transform: translateX(-260px);
}

.asidelink .asdarw {
    position: absolute;z-index: 1;
    right: -35px;
    top: 0;
    right: 0;
    transform: translateX(35px);
    width: 35px;
    height: 50px;
    background: url(../png/asidebtnen.png);
    background-size: cover;
    border: 0;
    cursor: pointer
}

.asdarw:before {
    content: "Article Menu";
    position: absolute;
    right: 35px;
    right: 0;
    transform: translateX(-35px);
    top: 0;
    font-size: 16px;
    color: #fff;
    padding: 12px 0;
    width: 120px;
    text-align: center;
    background-color: #2ba9e7
}

.asdarw:after {
    content: "";
    position: absolute;
    right: 11px;
    top: 20px;
    width: 12px;
    height: 19px;
    background: url(../png/asidearrow.png);
    background-size: cover;
    transform: rotateY(180deg);
    transition: transform .2s .5s ease-in-out
}

.asidelink_switch .asdarw {
    /* right: -155px; */
    right: 0;
    transform: translateX(155px);
}

.asidelink_switch .asdarw:after {
    transform: rotateY(360deg)
}

.asidelink_switch .asdarw:before {
    /* display: none */
    /* right: 155px; */
}

.asidelink div {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.asidelink h4 {
    font-size: 16px;
    color: #fff;
    padding: 12px 0 12px 10px;
    background-color: #2ba9e7;position: relative;z-index: 3;
}

.asidelink ul {
    margin: 0;
    padding: 0 0 5px;
    display: none
}

.asidelink h5 {
    font-size: 14px;
    font-weight: bold;
    color: #666;
    cursor: pointer;
    padding: 15px 0 15px 10px;
    line-height: 1
}

.asidelink h5:hover {
    background: #f5f7f9
}

.asidelink h5:after {
    content: "\e814";
    font-family: "iconfont";
    float: right;
    margin-right: 5px;
    font-size: 12px
}

.asidelink ul li {
    line-height: 1;
    font-size: 12px;
    color: #676767;
    margin: 0;
    padding: 6px 0 8px 22px;
    position: relative
}

.asidelink ul li a {
    color: inherit
}

.asidelink ul li:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #cdcdcd
}

.asidelink .tsel h5,
.asidelink .asel {
    color: #2ba9e7;
    background: 0
}

.asidelink .asel:before {
    background-color: #2ba9e7
}

.asidelink .tsel h5:after {
    content: "\e812"
}

.asidelink .dsbul {
    display: block;
    padding: 10px 0
}

.reban_asidelink {
    width: 276px;
    border-left: 1px solid #ddd;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateX(-700px);
    box-shadow: none
}

.reban_asidelink .asdarw {
    display: none
}

.reban_asidelink h4 {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 12px 0;
    background-color: #4996f3
}

.reban_asidelink h5:after {
    content: "\e800";
    margin-top: 1px;
    transition: transform .3s linear
}

.reban_asidelink .tsel h5:after {
    content: "\e800";
    transform: rotate(180deg)
}

.reban_asidelink .tsel h5,
.reban_asidelink .asel {
    color: #4194f1
}

.reban_asidelink ul li {
    color: #666
}

.reban_asidelink ul li:before {
    background-color: #393939
}

.pw1000 {
    max-width: 1000px;
    width: 92%;
    margin-left: auto;
    margin-right: auto
}

.backupaddthis {
    right: 0;
    background: #fbfbfb;
    border: 1px #e9e9e9 solid;
    top: 110px
}

.backup_matcon h1 {
    font-size: 26px;
    color: #333;
    margin: 50px 0 10px;
    font-weight: bold
}

.backup_matcon p {
    font-size: 16px;
    color: #333;
    margin-top: 25px;
    line-height: 1.7
}

.backup_matimg {
    max-width: 800px;
    width: 100%;
    margin: 55px auto 0
}

.backup_matfoot {
    height: 584px;
    margin-top: 55px;
    overflow: hidden;
    background: url(../jpg/backup_matters_foot.jpg) bottom center no-repeat;
    background-size: cover;
    padding-bottom: 20px
}

.backup_matftcnt {
    max-width: 800px;
    width: 92%;
    margin: 0 auto
}

.backup_matdes {
    line-height: 1.7;
    color: #666
}

.backup_matbtn a {
    max-width: 204px;
    width: 100%;
    height: 72px;
    display: inline-block;
    vertical-align: top;
    margin: 15px;
    background: #06c668;
    color: #fff;
    text-decoration: none;
    position: relative;
    text-align: left;
    padding-left: 96px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out
}

.backup_matbtn a:before {
    font-family: "pricon";
    color: #fff;
    font-size: 38px;
    top: 17px;
    left: 35px;
    position: absolute;
    z-index: 5
}

.dlwin:before {
    content: "\eac2"
}

.dlmac:before {
    content: "\eabf"
}

.backup_matbtn a span {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin-top: 10px
}

.backup_matbtn a em {
    font-size: 14px;
    color: #fff
}

.backup_matbtn a:hover {
    transform: translate3d(0, -5px, 3px);
    -webkit-transform: translate3d(0, -5px, 3px);
    -moz-transform: translate3d(0, -5px, 3px);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1)
}

.atidx_dltimes {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    vertical-align: top;
    margin: 10px 15px;
    background: #fff
}

.atidx_dltimes span {
    display: inline-block;
    margin: 0 1px;
    padding: 5px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    font-weight: bold
}

.atidx_dltimes>p {
    margin-top: 6px;
    font-size: 12px;
    color: #666
}

.atidx_rated_main {
    margin: 10px 15px;
    display: inline-block;
    border: 1px solid #e5e5e5;
    padding: 6px 55px;
    background: #fff url(../png/atios6_star.png) center no-repeat;
    border-radius: 5px
}

.atidx_rated_main>p {
    max-width: 130px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.2;
    color: #666
}

.atidx_rated_main>span {
    font-weight: bold
}

.atidx_rated_main>img {
    display: block;
    margin: 2px auto
}

.ft20 {
    font-size: 20px
}

.itunes_history .fclr666 {
    color: #666
}

.itunes_history {
    background-color: #eaeef1
}

.itunes_history p {
    line-height: 1.8
}

.itunes_history footer {
    background-color: #eaeef1;
    border-top: 1px solid #d2d6d8
}

.copybox textarea {
    resize: none;
    background-color: #eaeef1;
    width: 95%;
    padding: 10px
}

.copybox a {
    margin: 20px auto;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    background: linear-gradient(to bottom, #30bcfe, #3996fd);
    background-color: #30bcfe;
    color: #fff;
    border-radius: 5px
}

.copybox a:hover {
    background: linear-gradient(to bottom, #3996fd, #30bcfe);
    background-color: #3996fd
}

.rs_clm4_ban {width: 100%;min-height: 450px;background-size: cover;overflow: hidden;}
.rsat_clm4_ban {background: #0b1d4c url(../jpg/rsat_clm4_ban.jpg) top center no-repeat;background-size: cover}
.rspr_clm4_ban {background: #002f5c url(../jpg/rspr_clm4_ban.jpg) top center no-repeat;background-size: cover}
.rsau_clm4_ban {background: #075257 url(../jpg/rsau_clm4_ban.jpg) top center no-repeat;background-size: cover}
.rsaf_clm4_ban {background: #373e50 url(../jpg/rsaf_clm4_ban.jpg) top center no-repeat;background-size: cover}
.rspt_clm4_ban {background: #0d1059 url(../png/rspt_clm4_ban.png) top center no-repeat;background-size: cover}
.rsamo_clm4_ban {background: #0d1059 url(../png/rsamo_clm4_ban.png) top center no-repeat;background-size: cover}
.rs_clm4_bantext {width: 650px;}
.rs_clm4_bantext h2,.rs_clm4_bantext h1 {font-size: 38px;color: #fff;font-weight: bold;margin-top: 60px}
.rs_clm4_bantext>p {font-size: 20px;color: #fff;margin-top: 10px}
.rs_clm4_bantext ul {margin-top: 15px;overflow: hidden}
.rs_clm4_bantext ul li {font-size: 18px;color: rgba(255, 255, 255, 0.7);margin-top: 10px;position: relative;line-height: 1.6;padding-left: 15px}

.black .rs_clm4_bantext h1,.black .rs_clm4_bantext h2{color: #000;}
.black .rs_clm4_bantext>p{color: #333;}
.black .rs_clm4_bantext ul li{color: #333;font-size: 16px;}
.black .rs_clm4_banbtn span{color: #666;}


.rs_clm4_bantext ul li:before {width: 6px;height: 6px;border-radius: 50%;background: #2a52d3;position: absolute;left: 0;top:50%;transform: translateY(-50%); z-index: 5;display: block;content: ""}
.rspr_clm4_ban .rs_clm4_bantext ul li:before {background: #15b002}
.rsau_clm4_ban .rs_clm4_bantext ul li:before {background: #14c2cb}
.rsaf_clm4_ban .rs_clm4_bantext ul li:before {background: #14cb6a}
.rspt_clm4_ban .rs_clm4_bantext ul li:before {background: #1c5fff}
.rsamo_clm4_ban .rs_clm4_bantext ul li:before {background: #7057EA;width: 10px;height: 10px;}
.rs_clm4_banbtn {width: 266px;margin-top: 30px;text-align: center}
.rs_clm4_banbtn a {height: 56px;line-height: 56px;border-radius: 6px;background: #31a03b;font-size: 20px;color: #fff;position: relative;display: block;text-decoration: none}
.rs_clm4_banbtn a:after {font-family: "iconfont";content: "\e801";position: relative;vertical-align: middle;margin: -5px 0 0 10px;font-size: 26px}
.rsamo_clm4_ban .rs_clm4_banbtn a:after {font-family: "iconfont";content: "\e901";position: relative;vertical-align: middle;margin: -5px 0 0 10px;font-size: 20px}
.rs_clm4_banbtn a:hover {text-decoration: none;background: #2fc051}
.rs_clm4_banbtn p,
.rs_clm4_banbtn span {font-size: 14px;color: #fff;margin-top: 5px;display: block}
.rs_clm4 h1 {font-size: 40px;font-weight: bold}
.rs_clm4 .summary p {font-style: italic;font-size: 16px;color: #666}
.rs_clm4 .langage_time,
.rs_clm4 .crumbs {font-size: 16px}
.rs_clm4 .langage_time img {vertical-align: middle;margin-right: 10px;width: 50px;height: 50px;border-radius: 50px}
.rs_clm4 .langage_time .upd_time>a,
.rs_clm4 .langage_time .upd_time>b {font-size: 16px;font-weight: bold;color: #4194f1;margin-right: 10px}
.rs_clm4 .langage_read {margin-top: 12px}
.rs_clm4 .read_others {top: -4px}
.rs_clm4 .author_cont_share b a {margin: 0;color: #4194f1;font-weight: bold}
.rs_clm4 .author_cont>p {font-size: 16px}
.rs_clm4 .wrap_left>h2,.rs_clm4 .wrap_left .howtocont h2 {font-size: 30px}



.sptrs_dlare {
    margin-top: 20px;
    width: 100%;
    height: 357px;
    background: #ebf2fc url(../jpg/rsdlbg.jpg) top center no-repeat;
    background-size: cover;
    overflow: hidden
}

.spprtrs_dlare {
    background: #ebf2fc url(../jpg/rsprdlbg.jpg) top center no-repeat;
    background-size: cover
}

.spautrs_dlare {
    background: #ebfcf7 url(../jpg/rsaudlbg.jpg) top center no-repeat;
    background-size: cover
}

.spaftrs_dlare {
    background: #ebfcf7 url(../jpg/rsafdlbg.jpg) top center no-repeat;
    background-size: cover
}

.sppttrs_dlare {
    background: #ebf2fc url(../png/rsptdlbg.png) top center no-repeat;
    background-size: cover
}

.spapttrs_dlare {
    background: #f2f8fe url(../png/rsaptdlbg.png) top center no-repeat;
    background-size: cover
}

.spdktrs_dlare {
    background: #ebfcf7 url(../png/rsdkdlbg.png) top center no-repeat;
    background-size: cover
}

.gemoo_dlare { background: #EBF2FB url(../png/gemoo_gp.png) top center no-repeat; background-size: cover;} 

.sptrs_dltext {
    width: 560px;
    margin: 40px 0 0 360px
}

.gemoo_dlare .sptrs_dltext{ width: 590px; margin: 40px 0 0 365px; }

.sptrs_dltext h2,
.sptrs_dltext h3,
.sptrs_dltext h4 {
    font-size: 24px;
    color: #333;
    line-height: 1.6;
    font-weight: bold
}

.sptrs_dltext ul {
    margin: 15px 0 0 0
}

.wrap_left .sptrs_dltext ul li {
    margin: 8px 0 0 0;
    font-size: 16px
}

.wrap_left .gemoo_dlare ul li { line-height: 22px; color: #333333; }

.spprtrs_dlare ul li:before {
    background: #54d2c7
}

.spautrs_dlare ul li:before,
.spaftrs_dlare ul li:before,
.spdktrs_dlare ul li:before {
    background: #1fb8b2
}

.sppttrs_dlare ul li:before {
    background: #1c5fff
}

.spapttrs_dlare ul li:before {
    background: #23c2d6
}

.wrap_left .gemoo_dlare ul li:before { background-color: #3e3e3e; top: 7px; }

.sptrs_dlpc {
    margin-top: 15px
}

.sptrs_dlpc p {
    width: 238px;
    display: inline-block;
    position: relative;
    margin-top: 10px;
    vertical-align: middle
}

.sptrs_dlpc a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    text-align: center;
    display: block;
    text-decoration: none;
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: bold
}

.gemoo_dlare h2 a { color: #2C67FF; }

.sptrs_dlpc a:before {
    font-family: "pricon";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: 22px;
    margin: -5px 9px 0 0
}

.sptrs_dlpc p.sptrs_dlwin a {
    background: #31a03b
}

.sptrs_dlpc p.sptrs_dlwin a:before {
    content: "\eac2"
}

.sptrs_dlpc p.sptrs_dlmac {
    margin-left: 35px
}

.sptrs_dlpc p.sptrs_dlmac a {
    background: #2d59c7
}

.sptrs_dlpc p.sptrs_dlmac a:before {
    content: "\eabf"
}

.sptrs_dlpc p.sptrs_dlgemoo a { background-color: #2c67ff; }

.sptrs_dlpc p em {
    text-align: center;
    display: block;
    font-size: 14px;
    font-style: normal;
    margin-top: 5px
}

.sptrs_dlmo {
    width: 225px
}

.sptrs_dlmo p {
    margin: 0
}

.sptrs_dlmo a {
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    border-radius: 8px;
    background: #14b100;
    position: relative
}

.sptrs_dlmo a:before {
    font-family: "iconfont";
    content: "\e801";
    position: relative;
    vertical-align: middle;
    margin: -24px 10px 0 0;
    display: inline-block;
    font-size: 20px;
    border-bottom: 2px solid #fff;
    width: 20px;
    height: 45px
}

.gemoo_dlare .sptrs_dlmo a:before {
    content: '';
    display: none;
}

.sptrs_dlmo em {
    text-align: center;
    font-size: 16px;
    font-style: normal;
    margin-top: 10px;
    display: block
}

.rs_clm4_recommen {
    border: 1px solid #eee;
    padding: 20px 35px;
    margin-top: 20px
}

.rs_clm4_recommen h2 {
    font-size: 30px;
    color: #333;
    font-weight: bold
}

.rs_clm4_recommen ul {
    margin: 20px auto 0
}

.sptnavbar {
    width: 100%;
    height: 0;
    line-height: 60px;
    position: fixed;
    top: 0;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    z-index: 10;
    transition: height linear .3s;
    -webkit-transition: height linear .3s;
    -moz-transition: height linear .3s;
    -o-transition: height linear .3s;
    -ms-transition: height linear .3s;
    overflow: hidden
}

.sptnavbar.showed {
    height: 60px
}

.sptnavbar a {
    text-decoration: none;
    color: #333;
    font-size: 16px
}

.sptnavbar span.sptbar_logo {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    background: #fff;
    font-size: 20px;
    position: relative;
    line-height: 60px;
    font-size: 20px
}

.sptbar_logo:before {
    width: 40px;
    height: 40px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -3px 10px 0 0
}

.sptati_logo:before {
    background: url(../png/anytrans_icon.png) top center no-repeat;
    background-size: cover
}

.sptata_logo:before {
    background: url(../png/anydroid_icon-2.png) top center no-repeat;
    background-size: cover
}

.sptpri_logo:before {
    background: url(../png/ios-data-recovery.png) top center no-repeat;
    background-size: cover
}

.sptpra_logo:before {
    background: url(../png/android-data-recovery.png) top center no-repeat;
    background-size: cover
}

.sptau_logo:before {
    background: url(../png/anyunlock-3.png) top center no-repeat;
    background-size: cover
}

.sptaf_logo:before {
    background: url(../png/anyfix-2.png) top center no-repeat;
    background-size: cover
}

.sptaui_logo:before {
    background: url(../png/auicloud.png) top center no-repeat;
    background-size: cover
}

.sptpt_logo:before {
    background: url(../png/phonetrans_icon.png) top center no-repeat;
    background-size: cover
}

.sptapt_logo:before {
    background: url(../png/apptrans-2.png) top center no-repeat;
    background-size: cover
}

.sptdk_logo:before {
    background: url(../png/droidkit-2.png) top center no-repeat;
    background-size: cover
}

.sptam_logo:before {
    background: url(../png/anymiro_icon.png) top center no-repeat;
    background-size: cover;
}
.sptae_logo:before {background: url(../png/anyenhancer_icon%402x.png) top center no-repeat;background-size: cover;}
.sptsf_logo:before {background: url(../png/screenify_icon%402x.png) top center no-repeat;background-size: cover;}
.sptwp_logo:before {background: url(../wipit_logo.html) top center no-repeat;background-size: cover;}

.sptbar ul {
    display: inline-block;
    vertical-align: middle;
    float: right
}

.sptbar ul li {
    display: inline-block;
    vertical-align: middle;
    line-height: 60px;
    margin: 0 20px
}

.sptbar ul li a:hover {
    color: #4194f1
}

.sptbar ul li.sptbar_dl a {
    padding: 6px 14px;
    background: #2fc051;
    color: #fff
}

.sptbar ul li.sptbar_buy {
    margin: 0
}

.sptbar ul li.sptbar_buy a {
    padding: 5px 14px;
    border: 1px solid #f27904;
    color: #f27a04
}

.rs_clm4_top {
    position: fixed;
    right: 10px;
    bottom: 150px;
    cursor: pointer;
    z-index: 3
}

.sptcicldl {
    width: 96%;
    margin-top: 30px;
    padding: 30px 2% 15px;
    background: #fcfcfc;
    border-radius: 10px;
    border: 1px solid #f6f6f6;
    position: relative
}

.sptcicldl:before {
    width: 75px;
    height: 23px;
    content: "";
    display: block;
    background: url(../png/sptcicl1.png) bottom right no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    right: 33%;
    z-index: 1
}

.sptcicldl:after {
    width: 75px;
    height: 71px;
    content: "";
    display: block;
    background: url(../png/sptcicl2.png) top right no-repeat;
    background-size: cover;
    position: absolute;
    right: 1%;
    top: 8px;
    z-index: 1
}

.sptcicldl_text {
    max-width: 690px;
    width: 72%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

.sptcicldl_text h2 a,
.sptcicldl_text h3 a,
.sptcicldl_text h4 a {
    font-size: 22px;
    color: #4194f1;
    line-height: 1.4
}

.sptcicldl_text p {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    margin-top: 10px
}

.sptcicldl_btn {
    max-width: 244px;
    width: 24.6%;
    margin-left: 2%;
    display: inline-block;
    vertical-align: middle;
    z-index: 2;
    position: relative
}

.sptcicldl_btn a {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #15b002;
    border-radius: 5px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    position: relative;
    display: block;
    text-decoration: none
}

.sptcicldl_btn a:before {
    font-family: "iconfont";
    content: "\e801";
    position: relative;
    vertical-align: middle;
    margin: -24px 10px 0 0;
    display: inline-block;
    font-size: 22px;
    border-bottom: 2px solid #fff;
    width: 22px;
    height: 45px;
    font-weight: bold
}

.upd_time a:hover {
    text-decoration: none
}

.itunes_download {
    margin: 50px auto
}

.itunes_download h1 {
    max-width: 90%;
    margin: 20px auto;
    line-height: 1.2
}

.itunes_download .itunes_download_64bit {
    display: inline-block;
    margin: 40px auto 10px auto;
    text-align: center;
    font-size: 18px;
    line-height: 1.17648;
    padding: 8px 16px;
    border-radius: 18px;
    background-color: #0071e3;
    color: #fff
}

.itunes_download .itunes_download_64bit:hover {
    text-decoration: none;
    background-color: #208ffe
}

.itunes_download p {
    font-size: 16px
}

.sprating {
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    margin-top: 30px
}

.sprating>div {
    width: 310px;
    line-height: 82px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    position: relative
}

.sprating>div:first-child {
    background-color: #f1f1f1;
    position: relative
}

.sprating>div:first-child:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 10px solid #f1f1f1
}

.review_rating span {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 18px;
    margin-right: 6px;
    background: url(../png/spratingstar.png) top center no-repeat;
    background-size: cover;
    cursor: pointer
}

.review_rating span.on {
    background-position: 0 -18px
}

.review_rating span.nohover {
    background-position: 0 0
}

.review_rating span.hover {
    background-position: 0 -18px
}

.sprating .review_rating em {
    margin-left: 10px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    font-size: inherit;
    font-style: normal;
    width: 70px
}

.sprating .ratingthx {
    bottom: 10px;
    left: 50%;
    width: 165px;
    margin: 0;
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 1;
    color: #fb9134
}

.insecure {
    position: fixed;
    z-index: 1000;
    left: 10px;
    bottom: 30px;
    padding: 16px 15px 14px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .2);
    border-radius: 10px;
    animation: updown .7s ease-in-out infinite alternate;
    background: url(../jpg/atdl_ticon6.jpg) #fff left bottom no-repeat;
    background-size: auto 93px
}

.insecure:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 18px solid #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -18px
}

.insecure img {
    display: inline-block;
    vertical-align: middle
}

.insecure ul {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px
}

.insecure li {
    font-size: 12px;
    margin: 0 0 5px;
    position: relative;
    padding-left: 12px
}

.insecure li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 8px;
    height: 8px;
    background: url(../png/secure_tick.png) no-repeat center;
    background-size: 100% auto
}

@keyframes updown {
    from {
        margin-bottom: 15px
    }

    to {
        margin-bottom: 0
    }
}

.spvdcont {
    width: 100%;
    margin: 20px auto;
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.spvdcont iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sprsdlcont {
    background: url(../jpg/spdlcontbg.jpg) #fff top left no-repeat;
    min-height: 235px;
    margin: 20px auto;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px #eee
}

.sprsdlcont_icon {
    float: left;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .4);
    margin: 50px 40px 0;
    width: 136px;
    height: 136px
}

.sprsdlcont_aticon {
    background: url(../png/anytrans_icon.png) center no-repeat;
    background-size: cover
}

.sprsdlcont_ataicon {
    background: url(../png/anydroid_icon%402x.png) center no-repeat;
    background-size: cover
}

.sprsdlcont_priicon {
    background: url(../png/proicon_pri%402x.png) center no-repeat;
    background-size: cover
}

.sprsdlcont_pracon {
    background: url(../png/proicon_pra%402x.png) center no-repeat;
    background-size: cover
}

.sprsdlcont_aucon {
    background: url(../png/anyunlock_icon%402x.png) center no-repeat;
    background-size: cover
}

.sprsdlcont_afcon {
    background: url(../png/anyfix_icon%402x.png) center no-repeat;
    background-size: cover
}

.sprsdlcont_auicon {
    background: url(../png/anyunlock_icloud_icon%402x.png) center no-repeat;
    background-size: cover
}

.sprsdlcont_ptcon {
    background: url(../png/phonetrans_icon%402x.png) center no-repeat;
    background-size: cover
}

.sprsdlcont_aptcon {
    background: url(../png/apptrans_icon%402x.png) center no-repeat;
    background-size: cover
}

.sprsdlcont_dkcon {
    background: url(../png/droidkit_icon%402x.png) center no-repeat;
    background-size: cover
}

.sprsdlcont_icon img {
    width: 136px
}

.sprsdlcont_text {
    float: left;
    width: calc(100% - 156px);
    max-width: 690px;
    margin-top: 15px
}

.sprsdlcont_text h2,
.sprsdlcont_text h3,
.sprsdlcont_text h4 {
    font-size: 24px;
    font-weight: 700
}

.sprsdlcont_text p {
    margin-top: 10px
}

.sprsdlcont_text .sptrs_dlpc {
    margin-top: 5px
}


/* ai button */
/* padding: 20px; background-color: #F6F8FF; */
.ai_buttons_warp{ margin: 30px 0; }
.ai_buttons_warp .ai_buttons_title{ color: #999; font-size: 14px; font-weight: bold; margin: 0 0 10px 0;}
.ai_buttons{display: flex; gap: 15px;}
.ai_buttons a{ min-width: 140px; padding: 10px; display: block; border-radius: 8px; font-size: 16px; font-weight: 600; text-align: center; position: relative; color: #fff; display: flex; justify-content: center; align-items: center; gap: 8px; transition: transform 0.3s ease-in-out; transform: translateY(0); text-decoration: none;}
.ai_buttons a:hover{ transform: translateY(-4px);}

.chatgpt_btn{ background: rgba(116, 170, 156, 1);}
.perplexity_tbn{ background: rgba(32, 128, 141, 1);}
.gemini_btn{background: rgba(0, 0, 0, 1);}


.ai_buttons i{display: block; width: 28px; height: 28px; margin: 0;  background-size: contain;}
.icon_chatgpt {background: url(../svg/chatgpt.svg) no-repeat;}
.icon_perplexity {background: url(../svg/perplexity.svg) no-repeat;}
.icon_gemini {background: url(../svg/gemini.svg) no-repeat;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5) {
    .backup_matfoot {
        background: url(../jpg/backup_matters_foot%402x.jpg) bottom center no-repeat;
        background-size: cover
    }

    .rsat_clm4_ban {
        background: #0b1d4c url(../jpg/rsat_clm4_ban%402x.jpg) top center no-repeat;
        background-size: cover
    }

    .rspr_clm4_ban {
        background: #002f5c url(../jpg/rspr_clm4_ban%402x.jpg) top center no-repeat;
        background-size: cover
    }

    .sptrs_dlare {
        background: #ebf2fc url(../jpg/rsdlbg%402x.jpg) top center no-repeat;
        background-size: cover
    }

    .spprtrs_dlare {
        background: #ebf2fc url(../jpg/rsprdlbg%402x.jpg) top center no-repeat;
        background-size: cover
    }
}

@media screen and (max-width:1700px) {
    .reban_asidelink {
        left: 0;
        right: auto;
        margin: auto;
        transform: translateX(0)
    }
}

@media screen and (max-width:1120px) {
    .share_block {
        display: none
    }

    .sptcicldl {
        width: 96%;
        padding: 20px 2%
    }

    .sptcicldl_text {
        width: 67%
    }

    .sptcicldl_btn {
        width: 30%
    }

    .sptcicldl_btn a {
        font-size: 20px
    }
}

@media screen and (max-width:980px) {
    .atcmsgodownb {margin: 20px auto 0;}
    .pw980 {
        width: 95%
    }

    .wrap_left {
        width: 100%
    }

    .wrap_right,
    .asidelink {
        display: none
    }

    .rs_clm1 .langage_time>div,
    .rs_clm4 .langage_time>div,
    .rs_clm2 .langage_time>div {
        margin-top: 10px;
        float: left !important
    }

    .mhide,
    .navside {
        display: none
    }

    .custom_dlblock_text,
    .rs_clm1 .custom_dlblock_text,
    .rs_clm4 .custom_dlblock_text {
        max-width: 70%
    }

    .pchide {
        width: 200px;
        display: inline-block
    }

    .read_others {
        left: 140px
    }

    .iframe_video,
    .iframe_video2 {
        max-width: 568px;
        margin: 0 auto
    }

    .iframe_video {
        max-height: 440px
    }

    .iframe_video2 {
        max-height: 535px;
        overflow-y: scroll
    }

    .iframe_video2 iframe {
        height: 740px
    }

    .backup_matfoot {
        height: auto;
        padding-bottom: 30px
    }

    .backupaddthis {
        display: none
    }

    .rs_clm4_ban,
    .addthis_toolbox {
        display: none
    }

    .rs_clm4 .wrap_left>h2,
    .rs_clm4 .wrap_left .howtocont h2 {
        font-size: 20px
    }

    .sptrs_dlmo {
        margin-top: 30px
    }

    .sptrs_dlare {
        height: auto;
        background: #ebf2fc url(../jpg/rsdlmobg.jpg) top center no-repeat;
        background-size: 100% 100%
    }

    .gemoo_dlare .sptrs_dltext { width: 92%; margin: 20px auto;}

    .sptrs_dltext {
        width: 92%;
        margin: 20px auto
    }

    .sptnavbar {
        display: none !important
    }

    .reban_asidelink,
    .reban_asidelink .asdarw {
        display: block
    }

    .reban_asidelink {
        left: -277px
    }

    .reban_asidelink.asidelink_switch {
        left: 0
    }

    .reban_asidelink .asdarw {
        width: 30px;
        border-radius: 0 5px 5px 0;
        height: 48px;
        right: -130px;
        background: #3d85dc
    }

    .reban_asidelink .asdarw:before {
        width: 100px;
        content: "Menu";
        padding: 9px 0 10px;
        font-size: 22px;
        font-weight: bold;
        background-color: #4996f3;
        right: 30px
    }

    .reban_asidelink .asdarw:after {
        background: 0;
        content: "\e802";
        font-family: "iconfont";
        display: inline-table;
        transform: translateY(0);
        color: #fff;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        height: auto;
        font-size: 20px
    }

    .reban_asidelink.asidelink_switch .asdarw {
        right: -30px
    }

    .reban_asidelink.asidelink_switch .asdarw:after {
        transform: rotate(180deg)
    }

    .sprating>div {
        width: 33%;
        font-size: 14px;
        line-height: 60px
    }

    .sprating .ratingthx {
        font-size: 12px;
        bottom: 5px
    }
}

@media screen and (max-width:750px) {
.advertising .sptgodown>p{margin: .4rem auto;}
.adtext>p.godownmo{margin: 20px auto;}
.advertising{display: block;text-align: center;}
.advertising.typea .adimg,
.advertising.type1.sf .adimg,
.advertising.type2.sf .adimg,
.advertising.type1 .adimg,.advertising.type2 .adimg{margin: 15px;width: auto;}

.advertising.typea .adtext,
.advertising.type2 .adtext,
.advertising.type1.sf .adtext,
.advertising.type3 .adtext,
.advertising.type2.sf .adtext,
.advertising.type4.sf .adtext{margin-right: 0;width: auto;}
.advertising.type3.sf{padding: 30px 15px;}
.advertising .adtext li{text-align: left;}


    .sprating>div {
        display: block;
        width: auto;
        line-height: 1;
        text-align: left;
        margin: 15px
    }

    .sprating>div:first-child {
        background: 0
    }

    .sprating>div:first-child:after {
        display: none
    }

    .sprating .ratingthx {
        position: static;
        transform: none;
        margin-top: 10px
    }

    .ai_buttons a{ font-size: 14px; padding:10px; min-width: 100px;}
    .ai_buttons i{width: 18px; height: 18px; }
}

@media screen and (max-width:736px) {

    html,
    body {
        font-size: 15px
    }

    .author_cont {
        width: 80%
    }

    .crumbs b {
        display: none
    }

    .wrap h1 {
        font-size: 30px
    }

    .wrap_left>h2,
    .itecon>h2,
    .wrap_left .howtocont h2 {
        font-size: 20px
    }

    .tag_block a {
        padding: 2px 5px
    }

    .step2 {
        font-size: 15px
    }

    .alignright,
    .alignleft {
        float: none
    }

    .nav_anchor2 a {
        width: 43%
    }

    .sprsdlcont_icon {
        float: none;
        margin: auto;
        width: 80px;
        height: 80px
    }

    .sprsdlcont {
        padding-bottom: 20px;
        background: #fff;
        padding: 20px 15px 25px
    }

    .sprsdlcont_text {
        width: 100%;
        text-align: center
    }

    .sprsdlcont_text h2,
    .sprsdlcont_text h3,
    .sprsdlcont_text h4 {
        font-size: 20px
    }

    .sprsdlcont_text .sptrs_dlmo {
        margin: 20px auto 0
    }

    .sprsdlcont_text .sptrs_dlmo p {
        margin: auto
    }
}

@media screen and (max-width:650px) {

    .custom_dlblock_cont .left,
    .custom_dlblock_cont .right {
        float: none !important
    }

    .custom_dlblock_text,
    .rs_clm1 .custom_dlblock_text,
    .rs_clm4 .custom_dlblock_text {
        max-width: 100%
    }

    .custom_dlblock_btn {
        margin-right: auto;
        margin-left: auto
    }

    .read_others {
        width: 90px
    }

    .read_others span {
        padding-left: 10px
    }

    .wrap blockquote {
        margin: 20px
    }

    .wrap_left .navul li,
    .navol li {
        width: 100%;
        float: none;
        margin: 15px
    }

    .sptrs_dlpc {
        text-align: center
    }

    .sptrs_dlpc a {
        margin: 10px
    }

    .sptrs_dlpc a.sptrs_dlmac {
        margin-left: 10px
    }

    .sptcicldl:before {
        width: 45px;
        height: 70px;
        content: "";
        display: block;
        background: url(../png/sptcicl4.png) bottom right no-repeat;
        background-size: cover;
        position: absolute;
        bottom: 16%;
        right: 0;
        z-index: 1
    }

    .sptcicldl:after {
        width: 133px;
        height: 70px;
        content: "";
        display: block;
        background: url(../png/sptcicl3.png) bottom left no-repeat;
        background-size: cover;
        position: absolute;
        left: 1%;
        top: auto;
        bottom: 3%;
        z-index: 1
    }

    .sptcicldl_text {
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .sptcicldl_btn {
        width: 244px;
        margin: 10px auto;
        text-align: center;
        display: block
    }

    .sptcicldl_btn a {
        font-size: 22px
    }
}

@media screen and (max-width:610px) {
    .iframe_video2 {
        max-height: 520px
    }

    .iframe_video2 iframe {
        height: 730px
    }

    .sptrs_dlpc p.sptrs_dlmac {
        margin-left: 0
    }
}

@media screen and (max-width:568px) {

    .related img,
    .related b {
        display: none
    }

    .related a {
        width: 100%;
        margin: 0
    }

    .related a:nth-of-type(3n-1) {
        margin: 0
    }

    .custom_btn p {
        display: block;
        margin: 0 auto
    }

    .custom_btn .ismac {
        margin: 10px auto 0 auto
    }

    .custom_btn .btn_guar {
        max-width: 190px
    }

    .upd_time i {
        display: none
    }

    .wrap .langage_time>div {
        float: none !important
    }

    .wrap .langage_time .langage_read {
        margin: 20px 0 0 0
    }

    .langage_read:before {
        content: ""
    }

    .nav_anchor2 a {
        width: 90%
    }

    .wrap_left .fe_pro_fun li {
        margin: 10px 15px;
        height: 115px
    }

    .ag_search {
        height: auto;
        padding-bottom: 30px
    }

    .ag_search_logo {
        margin: 20px auto
    }

    .ag_search h5 {
        font-size: 22px
    }

    .ag_search p {
        margin: 20px auto 0
    }

    .button_spare {
        text-align: center
    }

    .iframe_video2 {
        max-height: 490px
    }

    .iframe_video2 iframe {
        height: 710px
    }

    .backup_matftcnt h2 {
        font-size: 28px
    }

    .backup_matcon p {
        text-align: center
    }

    .rs_clm4_top {
        bottom: 120px
    }

    .wrap_left td {
        padding: 10px 0
    }
}

@media screen and (max-width:510px) {
    .iframe_video2 {
        max-height: 460px
    }

    .iframe_video2 iframe {
        height: 670px
    }
}
@media screen and (max-width:460px){

    .atcmsgodownb {width: 200px;}
    .atcmsgodownb a {width: 200px;height: 40px;border-radius: 8px;line-height: 40px;font-size: 18px;}
}
@media screen and (max-width:430px) {

    .iframe_video,
    .iframe_video2 {
        max-height: 420px
    }

    .iframe_video2 iframe {
        height: 620px
    }

    .rs_clm4 .langage_time img {
        margin-right: 5px;
        width: 40px;
        height: 40px
    }

    .langage_time .upd_time>a,
    .rs_clm4 .langage_time .upd_time>a,
    .langage_time .upd_time>b,
    .rs_clm4 .langage_time .upd_time>b {
        font-size: 15px;
        margin-right: 5px
    }

    .langage_time,
    .rs_clm4 .langage_time {
        font-size: 15px
    }
}

@media screen and (max-width:375px) {
    .wrap h1 {
        font-size: 24px
    }

    .wrap_left>h2,
    .related h2,
    .recommended h2,
    .itecon>h2,
    .wrap_left .howtocont h2 {
        font-size: 18px
    }

    .iframe_video,
    .iframe_video2 {
        max-height: 380px
    }

    .iframe_video2 iframe {
        height: 580px
    }
}

@media screen and (max-width:350px) {
    .backup_matbtn a {
        max-width: 190px;
        padding-left: 70px
    }

    .backup_matbtn a:before {
        left: 15px
    }
}

@media screen and (max-width:320px) {

    .iframe_video,
    .iframe_video2 {
        max-height: 350px
    }

    .iframe_video2 iframe {
        height: 550px
    }
}

@media screen and (max-height:920px) {
    .right_fixed .right_reviews {
        display: none
    }
}