@charset "UTF-8";

.inline-block { display: inline-block; *display: inline; *zoom: 1; }

h1, h2, h3 { margin: 0; }

p { /*word-break: break-all;*/ }

.pc-fixed { width: 1200px; margin: 0 auto; overflow: hidden; }

/* 上下结构 */
/* page */


body { margin: 0; padding: 0; font-family: "Open Sans", "OpenSansLight", "Lucida Grande", "Lucida Sans Unicode", "Arial"; }
.clear { clear:both;}

.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}

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

.header-wrapper { height: 58px; background: url(../tips/img-autofit/header-bg.png) repeat-x center; font-family: 'AvenirNextLTPro-Bold'; }

.header { height: 54px; }

.logo { width: 123px; height: 100%; float: left; }
.logo img { width: 100%; height: 100%; display: block; }

.header-tit { float: left; overflow: hidden; }
.header-tit h2, .header-tit p { line-height: 54px; color: #ff8400; font-size: 16px; float: left; background: url(../tips/img-autofit/header-arrow.png) no-repeat center left; }
.header-tit h2 img, .header-tit p img { vertical-align: middle; }

.auther-says h1 { /*word-break: break-all;*/ font-family: 'AvenirNextLTPro-Bold'; }
.auther-says .content { margin-top: 15px; padding-top: 21px; border: 1px solid #d8d8d8; position: relative; }

.banner-wrapper { background: #f7f7f7; }

.tutorial-wrapper { background: #f7f7f7; }

.compare-wrapper { height: auto; margin-top: 90px; display: block; background: #fafafa; border: 1px solid #d8d8d8; border-left: 0; border-right: 0;}
.compare-wrapper .container { position: relative; }
.compare-wrapper .container:before { content: ''; width: 124px; height: 31px; background: url(../tips/img-autofit/compare-tit.png) no-repeat center; top: -31px; left: 20px; position: absolute; }

.compare-l { width: 600px; margin-top: 180px; float: left; }
.compare-l .tit { border-top: 1px solid #d8d8d8; }
.compare-l p { height: 50px; line-height: 50px; margin-bottom: 0; border-bottom: 1px solid #d8d8d8; font-size: 16px; color: #333333; }

.compare-r { width: 600px; float: right; overflow: hidden; }
.compare-r .item { width: 200px; height: 100%; float: left; }
.compare-r .item .fir { height: 181px; }
.compare-r .item .fir img { width: 200px; height: 180px; }
.compare-r .item p { line-height: 50px; height: 50px; padding-top:10px; margin-bottom: 0; border-bottom: 1px solid #d8d8d8; text-align: center; }
.compare-r .item p.download { height: 85px; padding-top:23px; line-height: 85px; border-bottom: 0; }
.compare-r .item.item01 { background: #f0f9ff; }
.compare-r .item.item02 { background: #e0f4ff; }
.compare-r .item.item03 { background: #d3efff; }

.footer-wrapper { background: #ececec; border-top: 1px solid #d0d0d0; }

.pc-fixed { height: 64px; padding-bottom: 9px; overflow: hidden; position: fixed; top: 0; left: 50%; margin-left: -600px; background: url(../tips/img-autofit/down-banner-fix.png) no-repeat center; z-index: 100; overflow: hidden; }
.pc-fixed .download { float: left; width: 260px; height: 55px; font-size: 24px; line-height: 54px; background: url(../tips/img-autofit/dbt-buttun.png) no-repeat center; background-position: 0 0; }
.pc-fixed .download a { display: block; color: #fff; text-decoration: none; }
.pc-fixed .download img { float: left; }
.pc-fixed .download:hover { background-position: 0 -55px; }
.pc-fixed .txt { float: left; width: 580px; height: 55px; padding-left: 20px; font-size: 16px; line-height: 54px; color: #555; }
.pc-fixed .author { float: right; width: 168px; height: 43px; margin-right: 25px; padding-top: 12px; padding-left: 10px; font-size: 12px; line-height: 14px; color: #666; overflow: hidden; }
.pc-fixed .author img { float: left; }
.pc-fixed .author span { width: 102px; float: right; }
.last-wrapper { margin-top:30px;}
.last-wrapper .img img { max-width: 100%; height: auto;}

@media screen and (min-width: 300px) { .header { padding: 0; }
  .logo .pc { display: none; }
  .header-tit { float: none; clear: both; padding: 0 15px; }
  .header-tit h2, .header-tit p { padding-left: 17px; font-size: 12px; background-size: 11px; }
  .header-tit h2 img, .header-tit p img { display: none; }
  .header-tit h2 { margin-right: 5px; padding-left: 0; background: none; }
  .header-r { display: none; }
  .auther-says { margin-top: 50px; }
  .auther-says h1 { line-height: 1.2; font-size: 28px; }
  .auther-says .content { margin-top: 35px; padding-bottom: 15px; overflow: visible; }
  .auther-says .content:before { content: ''; width: 118px; height: 21px; background: url(../tips/img-autofit/auther-tit.png) no-repeat center; top: -22px; left: 6px; position: absolute; }
  .auther-says .auther-r { font-style: italic; }
  .auther-says .auther-r p { color: #666666; font-size: 16px; line-height: 2; }
  .auther-says .auther-l .txt p { color: #666666; font-style: italic; font-size:16px; line-height:30px; }
  .auther-says .download { margin-bottom: 10px; text-align: left; }
  .auther-says .download a { font-size: 16px; color: #416fda; font-style: italic; }
  .text-wrapper { margin-top: 25px; }
  .text-wrapper .tit h2, .text-wrapper .tit h3 { font-family: 'AvenirNextLTPro-Bold'; }
  .text-wrapper .tit h2 { margin-bottom: 15px; font-size: 24px; line-height: 1.4; }
  .text-wrapper .tit h3 { line-height: 1.4; font-size: 20px; }
  .text-wrapper .text { margin-top: 30px; overflow: hidden; }
  .text-wrapper .text .img img { width: 100% !important; height: auto !important; }
  .text-wrapper .text .txt { margin-top: 30px; }
  .text-wrapper .text .txt p { line-height: 2; font-size: 16px; margin-bottom: 20px; }
  .text-wrapper .text.text-box03 .txt { margin-top: 0; }
  .text-wrapper .text .tips-wrapper p { margin-bottom: 0; }
  .text-wrapper.text02 { padding-bottom: 35px; }
  .text-wrapper.text02 .text .txt { margin-top: 0; }
  .text-wrapper.text02 .download { margin-top: 0; }
  .tips-wrapper { margin: 0 15px; margin-top: 46px; padding: 0; }
  .tips-wrapper .txt { padding: 20px; position: relative; border: 1px solid #d8d8d8; }
  .tips-wrapper .txt:before { content: ''; width: 109px; height: 31px; background: url(../tips/img-autofit/tips.png) no-repeat center; top: -31px; left: 6px; position: absolute; }
  .tips-wrapper p { line-height: 1.75; font-size: 16px; margin-bottom: 0; font-style: italic; overflow: hidden;}
  .banner-wrapper { margin-top: 25px; padding-top: 25px; padding-bottom: 25px; }
  .banner-wrapper .img img { width: 100%; height: auto; }
  .banner-wrapper .banner-l { margin-top: 30px;}
  .banner-wrapper .txt .tit { margin-bottom: 0px; font-size: 20px; color: #196418; font-family: 'AvenirNextLTPro-Bold'; }
  .banner-wrapper .txt p { font-size: 16px; line-height: 1.8; margin-bottom: 10px; }
  .banner-wrapper .download img { width: 100%; height: auto;}
  .last02 { padding-top: 0; padding-bottom: 45px; background: none; }
  .last02 .txt .tit { font-size: 28px; color: #222; }
  .last02 .txt p { font-size: 16px; }
  .text02 .download { margin-top: 15px; }
  .tutorial-wrapper { margin-top: 60px; padding-bottom: 15px; border: 1px solid #d8d8d8; border-left: 0; border-right: 0; }
  .tutorial-wrapper h2 { font-size: 24px; line-height: 1.4; font-family: 'AvenirNextLTPro-Bold'; }
  .tutorial-wrapper .container { padding-top: 15px; position: relative; }
  .tutorial-wrapper .container:before { content: ''; width: 181px; height: 30px; background: url(../tips/img-autofit/tutorial-tit.png) no-repeat center; top: -30px; left: 15px; position: absolute; }
  .tutorial { margin-top: 30px; }
  .tutorial .img img { width: 100%; height: auto; }
  .tutorial .img2 img { width: 100%; height: auto; }
  .tutorial .txt { margin-top: 30px; }
  .tutorial .txt .fir { font-size: 20px; }
  .tutorial .txt h3 { font-size:22px; line-height:40px; padding-top:10px; padding-bottom:20px;}
  .tutorial .media .media-body h3 { font-size:22px; line-height:40px; padding-top:10px; padding-bottom:5px;}
  .tutorial .txt p { font-size: 16px; line-height: 2; margin-bottom: 20px; }
  .tutorial .pc, .tutorial .mobile { font-size: 20px; color: #416fda; }
  .tutorial02 .media-right { width: 100%; padding: 0; display: block; }
  .tutorial02 .media-right img { width: 100%; height: auto; }
  .tutorial02 .media-body { margin-top: 30px; display: block; }
  .tutorial02 .media-body .fir { font-size: 20px; }
  .tutorial02 .media-body p { font-size: 16px; line-height: 2; margin-bottom: 20px; }
  .text03 .tips-wrapper { margin: 0; margin-top: 40px; }
  .text03 .text-box02 .txt { margin-top: 15px; }
  .compare-wrapper { display: none; }
  .recommend-download { padding: 20px 15px 30px 15px; background: #f7f7f7; }
  .recommend-download .tit { font-family: AvenirNextLTPro-Bold; text-align: center; font-size: 20px; }
  .recommend-download .reco { margin-top: 30px; }
  .recommend-download .reco .img img { width: 100%; height: auto; }
  .recommend-download .reco .reco-r { margin-top: 30px; }
  .recommend-download .reco .reco-r .txt p { margin-bottom: 10px; font-size: 16px; line-height: 2; }
  .recommend-download .download { text-align: center; }
  .reco02 { margin-top: 30px; padding-bottom: 0; }
  .reco-box { margin-bottom: 10px; }
  .reco-box .txt { margin-top: 20px; }
  .reco-box .txt p { margin-bottom: 10px; font-size: 16px; line-height: 2; }
  .reco03 { margin-top: 30px; padding-bottom: 10px; }
  .share02 { margin-top: 30px; }
  .article-wrapper { margin-top: 30px; }
  .article-wrapper .tit { font-size: 18px; }
  .article-wrapper .arti-l, .article-wrapper .arti-r { margin-top: 15px; }
  .article-wrapper .arti-l a, .article-wrapper .arti-r a { display: block; color: #416fda; padding-left: 8px; background: url(../tips/img-autofit/artical-li.jpg) no-repeat 0px 7px; }
  .article-wrapper .arti-r { margin-top: 0; }
  .footer-wrapper { margin-top: 15px; padding-top: 15px; }
  .f-link { text-align: center; color: #333; }
  .f-link a { padding: 0 3px; color: #333; font-size: 14px; }
  .f-link a:first-child { border-left: 0; }
  .copyright { margin-top: 10px; text-align: center; }
  .copyright p { color: #333; font-size: 14px; }
  .pc-fixed { display: none; }
  .mobile-fixed { position: fixed; top: 0; width: 100%; height: auto; text-align: center; z-index: 100; display: none; }
  .mobile-fixed a { display: block; }
  .mobile-fixed img { width: 100%; height: auto; }
  .mobile-fixed .close { position: absolute; top: 0; right: 3px; font-size: 22px; color: #333333; }
  .text-wrapper .text .img img { display: block; }
  .text-wrapper .text .img span { margin-top: 5px; display: block; text-align: center; color: #333; font-size: 12px; }
  .download { text-align: center; }
  .download img { max-width: 100%; height: auto; }
  .pc { display: none; }
  .mobile { display: inline-block; } }
@media screen and (min-width: 330px) { .header-tit h2 img, .header-tit p img { width: 20px; height: 20px; margin-right: 3px; display: inline-block; } }
@media screen and (min-width: 400px) { .header-tit h2, .header-tit p { padding-left: 19px; background-size: 15px; }
  .header-tit h2 img, .header-tit p img { width: 25px; height: 25px; margin-right: 4px; }
  .header-tit h2 { padding-left: 0; }
  .auther-says h1 { font-size: 32px; line-height: 1.4; }
  .text-wrapper .tit h2 { font-size: 24px; } 
  .txt .img2 { margin:0 auto; width:auto; max-width:900px; text-align:center; margin-top:10px; margin-bottom:30px; }
  .img2 img { width:100%; height: auto; }
  .text-wrapper .txt .img2 { margin:0 auto; width:auto; max-width:900px; text-align:center; margin-top:10px; margin-bottom:30px; }
  .img2 img { width:100%; height: auto; }
}
@media screen and (min-width: 768px) { .header { overflow: hidden; }
  .header-tit { float: left; clear: initial; }
  .header-tit h2, .header-tit p { padding-left: 45px; font-size: 16px; background-size: initial; }
  .header-tit h2 img, .header-tit p img { width: 30px; height: 30px; margin-right: 8px; }
  .header-tit h2 { background: url(../tips/img-autofit/header-arrow.png) no-repeat center left; }
  .header-r { margin-top: 7px; display: block; float: right; }
  .auther-says { margin-top: 20px; }
  .auther-says .auther-r { float: right; }
  .text-wrapper .img { width: 45%; height: auto; }
  .text-wrapper .text-box01 .img { margin-right: 15px; float: left; }
  .text-wrapper .text-box02 .img { margin-left: 15px; float: right; }
  .text-wrapper .text .txt { margin-top: 0; }
  .tips-wrapper { margin: 0 9px; margin-top: 46px; padding: 0 15px; }
  .banner-wrapper { width: 718px; margin-right: 24px; margin-left: 24px; overflow: hidden; }
  .banner-wrapper .img { width: 40%; float: right; }
  .banner-wrapper .banner-l { width: 50%; margin-top: 0; float: left; }
  .banner-wrapper .txt { min-height: 100px; }
  .last02 .txt { min-height: auto; }
  .tutorial { overflow: hidden; }
  .tutorial .img { width: 38%; margin-left: 15px; float: right; }
  .tutorial .txt { margin-top: 0; }
  .tutorial02 .media { overflow: hidden; }
  .tutorial02 .media-right, .tutorial02 .media-body { display: table-cell; }
  .tutorial02 .media-right { width: 38%; margin-left: 15px; float: right; }
  .text03 .text-box01 .tips-wrapper { padding: 0; }
  .text03 .text-box02 .text-r { width: 50%; float: right; }
  .text03 .text-box02 .text-r .tips-wrapper { padding: 0; }
  .text03 .text-box02 .img { margin-left: 0; float: left; margin-right: 15px; }
  .text03 .text-box02 .txt { margin-top: 0; }
  .last02 { padding-left: 0; padding-right: 0; }
  .last02 .download { text-align: center; }
  .recommend-download { width: 718px; margin-right: 24px; margin-left: 24px; padding: 30px 15px; }
  .recommend-download .reco .img { width: 431px; margin: 0 auto; }
  .recommend-download .reco .reco-r { margin-top: 0; }
  .reco02 .reco { overflow: hidden; }
  .reco02 .reco .txt { margin-top: 15px; } 
   .txt .img2 { margin:0 auto; width:auto; max-width:900px; text-align:center; margin-top:10px; margin-bottom:30px; }
  .img2 img { width:100%; height: auto; }
  .text-wrapper .txt .img2 { margin:0 auto; width:auto; max-width:900px; text-align:center; margin-top:10px; margin-bottom:30px; }
  .img2 img { width:100%; height: auto; }
}
@media screen and (min-width: 992px) { .header-tit { padding: 0; }
  .logo .pc { display: block; }
  .logo .mobile { display: none; }
  .container { width: 1200px; padding: 0; }
  .auther-says { margin-top: 55px; }
  .auther-says h1 { font-size: 40px; }
  .auther-says .content { margin-top: 50px; }
  .auther-says .content:before { left: 15px; }
  .auther-says .auther-l .txt p { line-height: 28px; margin-bottom: 3px; }
  .auther-says .auther-r { margin-right: 15px; }
  .auther-says .auther-r p { font-size: 12px; }
  .text-wrapper { margin-top: 50px; }
  .text-wrapper .tit h2 { margin-bottom: 20px; font-size: 32px; }
  .text-wrapper .tit h3 { font-size: 28px; }
  .text-wrapper .img { width: 450px; }
  .text-wrapper .text { margin-top: 25px; }
  .text-wrapper .text .txt p { line-height: 28px; margin-bottom: 7px; font-size: 16px; color: #666666; }
  .text-wrapper .text-box01 .img { margin-right: 51px; }
  .text-wrapper .text-box02 .img { margin-left: 51px; }
  .tips-wrapper { margin: 0 auto; margin-top: 60px; }
  .tips-wrapper .txt { padding: 20px; }
  .tips-wrapper .txt p { line-height: 28px; font-size: 16px; color: #666666; font-style: italic; }
  .pc { display: inline-block; }
  .mobile { display: none; }
  .banner-wrapper { margin: 0 auto; margin-top: 48px; padding: 30px; padding-bottom: 45px; }
  .banner-wrapper .img { width: 400px; }
  .banner-wrapper .txt { min-height: 120px; padding-bottom:30px;}
  .banner-wrapper .txt .tit { line-height: 30px; margin-bottom: 10px; font-size: 28px; }
  .banner-wrapper .txt p { margin-bottom: 10px; font-size: 16px; color: #666666; }
  .last02 { padding: 0;}
  .last02 .txt { padding-bottom: 10px; min-height: auto; }
  .last02 .download { text-align: left; }
  .text-wrapper.text02 { padding-bottom: 0; }
  .text-wrapper.text02 .download { margin-top: 30px; }
  .tutorial-wrapper { margin-top: 100px; }
  .tutorial-wrapper .container { padding-top: 40px;}
  .tutorial-wrapper h2 { font-size: 32px; color: #333333; }
  .tutorial-wrapper .tutorial { margin-top: 60px; }
  .tutorial-wrapper .tutorial2 { margin-top: 20px; }
  .tutorial-wrapper .tutorial2 img { margin:0 auto; max-width: 900px; margin-bottom: 15px; margin-top: 10px; }
  .tutorial-wrapper .tutorial2 h3 { padding:18px 0px; font-size:30px;}
  .tutorial-wrapper .tutorial2 p { font-size:16px; line-height:30px; color:#555;}
    
  .tutorial-wrapper .tutorial .img { width: 500px; margin-left: 50px; margin-bottom: 15px; }
  .tutorial-wrapper .tutorial .txt { line-height: 40px; }
  .tutorial-wrapper .tutorial .img2 { margin:0 auto; width:100%; max-width:900px; text-align:center; margin-top:10px; margin-bottom:30px; }
  .tutorial-wrapper .tutorial .txt p { font-size: 16px; color: #666666; }
  .tutorial-wrapper .tutorial .txt p .fir { font-size: 30px; }
  .tutorial-wrapper .tutorial .pc, .tutorial-wrapper .tutorial .mobile { font-size: 30px; }
  .tutorial02 .media { margin-bottom: 40px; overflow: hidden; }
  .tutorial02 .media-body { width: 650px; margin-top: 0; float: left; }
  .tutorial02 .media-body p { line-height: 40px; font-size: 16px; color: #666666; }
  .tutorial02 .media-body p .fir { font-size: 30px; }
  .tutorial02 .media-right { width: 500px; margin-left: 50px; margin-bottom: 15px; }
  .text03 .tips-wrapper { margin-top: 45px; }
  .text03 .text-box02 { margin-top: 40px; }
  .text03 .text-box02 .img { width: 450px; margin-left: 0; }
  .text03 .text-box02 .text-r { width: 680px; }
  .compare-wrapper { display: block; }
  .recommend-download { margin: 0 auto; margin-top: 85px; padding-top: 50px; padding-bottom: 70px; padding-left: 58px; padding-right: 30px; }
  .recommend-download .tit { font-size: 34px; }
  .recommend-download .reco { margin-top: 70px; overflow: hidden; }
  .recommend-download .reco .img { float: left; }
  .recommend-download .reco .reco-r { width: 590px; float: right; }
  .recommend-download .reco .reco-r .txt p { line-height: 28px; font-size: 16px; color: #666666; }
  .recommend-download .reco .reco-r .txt p b { font-size:20px; line-height:32px; font-weight: bold;}
  .recommend-download .download { margin-top: 35px; text-align: left; }
  .reco02 { padding-bottom: 45px; }
  .reco02 .reco-box { width: 431px; margin: 0 62px; float: left; }
  .reco02 .reco-box .img { float: none; }
  .reco02 .reco-box .txt { margin-top: 40px; }
  .reco02 .reco-box .txt p {margin-bottom:10px; line-height: 28px; font-size: 16px; color: #666666; }
  .reco02 .reco-box .txt p b { font-size:20px; line-height:32px; font-weight: bold;}
  .reco02 .download { text-align: center; }
  .reco03 { padding-left: 0; padding-right: 0; }
  .reco03 .reco-box { width: 300px; margin: 0 50px; float: left; }
  .reco03 .reco-box .img { width: 100%; float: none; }
  .reco03 .reco-box .txt p {margin-bottom:10px; line-height: 28px; font-size: 16px; color: #666666; }
  .reco03 .reco-box .txt p b { font-size:18px; line-height:32px; font-weight: bold;}
  .share02 { margin-top: 26px; }
  .article-wrapper { margin-top: 20px; overflow: hidden; }
  .article-wrapper .arti-l, .article-wrapper .arti-r { float: left; width: 50%; margin-top: 0; }
  .article-wrapper .arti-l a, .article-wrapper .arti-r a { line-height: 28px; display: inline-block; background: url(../tips/img-autofit/artical-li.jpg) no-repeat 0px 11px; }
  .auther-says .download a { font-size: 14px; }
  .footer-wrapper { margin-top: 60px; padding: 25px 0; }
  .download { text-align: left; }
  .download a:hover img { opacity: 0.9; } }

  .pagenav {margin-top: 25px;}
  .pagenav ul { list-style:none; padding:0;}
  
  .pagenav-1 { width:100%; height:40px; margin-bottom:1px; background:#F4F9F0;}
  .pagenav-1 li { margin:0; padding-left:2%; list-style:none; font-size:14px; line-height:40px; color:#22430B; font-weight:bold;}
  .pagenav-1 li:hover { background:#88C15A; color:#fff;}
  .pagenav-1 a {color:#618D42; text-decoration:none;}
  .pagenav-1 a:hover {color:#618D42; text-decoration:none; color:#fff}
  
  .pagenav-2 { width:100%; height:40px; margin-bottom:1px; background:#F0F7EB;}
  .pagenav-2 li { margin:0; padding-left:2%; list-style:none; font-size:14px; line-height:40px; color:#22430B; font-weight:bold;}
  .pagenav-2 li:hover { background:#88C15A; color:#fff;}
  .pagenav-2 a {color:#618D42; text-decoration:none;}
  .pagenav-2 a:hover {color:#618D42; text-decoration:none; color:#fff}
  .txt .img2 { margin:0 auto; width:auto; max-width:900px; text-align:center; margin-top:10px; margin-bottom:30px; }
  .img2 img { width:100%; height: auto; }
  .text-wrapper .txt .img2 { margin:0 auto; width:auto; max-width:900px; text-align:center; margin-top:10px; margin-bottom:30px; }
  .img2 img { width:100%; height: auto; }
  
	.dropbtn {background-color:#F4F9F0; color:#618D42; padding:8px 16px; font-size:16px; border:none; width:100%; text-align:left;}
	.dropbtn:hover { color:#fff;}
	.dropbtn2 {background-color:#E8F3E0; color:#618D42; padding:8px 16px; font-size:16px; border:none; width:100%; text-align:left;}
	.dropbtn2:hover { color:#fff;}
	
	.dropdown {position:relative; display:inline-block; padding-bottom:2px; width:100%;}
	.dropdown-content {display:none; position:absolute; background-color:#f1f1f1; width:100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1;}
	.dropdown-content a {color:black; padding:8px 16px; text-decoration: none; display:block;}
	.dropdown-content a:hover {background-color:#ddd;}
	.dropdown:hover .dropdown-content {display:block;}
	.dropdown:hover .dropbtn {background-color:#88C15A; color:#fff;}
	.dropdown:hover .dropbtn2 {background-color:#88C15A; color:#fff;}
  
	details {border: 1px solid #aaa; border-radius: 4px; padding: .5em .5em 0; margin-bottom:10px; background:#fff; color:#666;}
	details:hover { background:#CEEDF5;}
	summary {font-weight: bold; margin: -.5em -.5em 0; padding: .5em;}
	details[open] {padding: .5em;}
	details[open] summary {border-bottom: 1px solid #aaa; margin-bottom: .5em;}
	details summary{ font-weight:normal; cursor:pointer;}



.downloaderbg {margin:0 auto; width:100%; max-width:1200px; min-height:120px; height:auto; padding-top:52px; background:url(../tips/imgs-self/downloaderbg.jpg) top center no-repeat;}
.downloadl {float:left; width:286px; padding-right:40px; text-align:right; font-size:16px; line-height:42px; font-weight:bold;}
.downloadc {float:left; width:700px; height:42px; line-height:42px; font-size:14px; padding-left:15px; background:url(../tips/imgs-self/inputbox.jpg) no-repeat;  border:0; color:#555;}
.downloadr {float:left; width:214px; width:120px; height:40px; font-size:14px; line-height:40px; color:#fff; font-weight:bold; text-align:center; background:url(../tips/imgs-self/analyse.jpg) no-repeat; margin:1px 1px 1px 11px; border:0;}

.downloader-waiting { margin:0 auto; width:64px; height:88px; padding-top:30px;}
.downloader-error { margin:0 auto; width:800px; height:auto; padding-top:30px; font-size:14px; line-height:30px; color:#FF0000;}
.downloader-after { margin:0 auto; width:1060px;}
.downloader-after p  { list-style:none; margin:0; padding:0;}
.downloader-tit { font-size:20px; line-height:40px; font-weight:bold;}
.downloader-tim { font-size:14px; line-height:20px;}

.downloader-afterl { float:left; width:70%;}
.downloader-afterr { float:left; width:30%;}
.downloader-down { width:310px; height:50px; background:url(../tips/imgs-self/downloadnow.gif) no-repeat; text-align:center; font-size:20px; line-height:50px; font-weight:bold; color:#fff; border:0; margin-top:20px;}

.downloader-combo { width:650px; height:40px; padding-left:20px; padding-right:3px; background:url(../tips/imgs-self/combo.gif) no-repeat; border:0;}

@font-face { font-family: Open Sans; src: url(../fonts/OpenSans-Regular.ttf); font-display:swap;}
@font-face { font-family: OpenSansLight; src: url(../fonts/OpenSans-Light.ttf); font-display:swap;}
@font-face { font-family: AvenirNextLTPro-Bold; src: url(../fonts/AvenirNextLTPro-Bold.otf); font-display:swap;}