/*reset*/
html,body,div,p,span,em,i,u,del,strong,a,b,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,iframe,form,label,button,input,textarea,pre,hr,table,tbody,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
img{border:0; border:none;height:auto;width:auto\9;max-width: 100%;}
video{border:0; border:none;width:auto;max-width: 100%;}
em,i,strong,th{font-style:normal}
ol,ul,li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
a,a:visited{text-decoration:none;color:#333333}
input,select{-webkit-appearance:none; appearance:none; }
body{font-size:16px;line-height:1.8;font-family: Arial,Verdana,Helvetica,sans-serif;color:#000000;
background-color: #ffffff;
}
i, cite, em {font-style: normal;}
hr{margin-top:20px;margin-bottom:20px;height:2px;border:none;border-top:2px dotted #eee;}
.clear{clear:both;}

/*grid*/
.site-line{width:100%;}
.site-paper{max-width:900px;margin:0 auto;overflow: hidden;}


.site-grid{float:left;}
.site-grid-5{width:5%;}
.site-grid-10{width:10%;}
.site-grid-15{width:15%;}
.site-grid-20{width:20%;}
.site-grid-25{width:25%;}
.site-grid-30{width:30%;}
.site-grid-35{width:35%;}
.site-grid-40{width:40%;}
.site-grid-45{width:45%;}
.site-grid-50{width:50%;}
.site-grid-55{width:55%;}
.site-grid-60{width:60%;}
.site-grid-65{width:65%;}
.site-grid-70{width:70%;width:60%\9;*width:60%;_width:60%;} /*ie6 ie7 ie8 hack*/
.site-grid-75{width:75%;}
.site-grid-80{width:80%;}
.site-grid-85{width:85%;}
.site-grid-90{width:90%;}
.site-grid-95{width:95%;}
.site-grid-100{width:100%;width:90%\9;*width:90%;_width:90%;}

.site-push-right{float:right;}
.site-ga-notice{font-size:12px;color:#868686;padding:0px;margin:0px;line-height:12px;}

/*header*/
.site-top-logo{padding-left:10px;padding-top:15px;padding-bottom:15px;}
.site-top-description{line-height:90px;text-align:right;}

.site-logo {text-decoration: none;font-weight: bold;line-height:55px;font-size:32px;padding:0 10px;color:#ffffff;text-align:left;float:left;}
.site-logo  a{color: #ffffff !important;}
.site-description{padding:0 10px;line-height:55px;text-align:right;color:#ffffff;}

.site-style-shadow{box-shadow: 0 4px 4px -4px rgba(0,0,0,0.14);}
.site-style-fixed{position:fixed;top:0px;left:0px;}

/*responsive menu & navbar*/
.site-responsive-menu {text-align:left;}
.site-responsive-menu ul {margin: 0 auto;}
.site-responsive-menu ul li {display: inline-block;}
.site-responsive-menu ul li a {color: #ffffff;text-decoration: none;display: inline-block;padding: 0px 20px;line-height:55px;}
.site-responsive-menu ul li a:hover {color: #ffffff;background:#ED586F;}
#menu_button_wrapper{display: none;}

.site-menu-hidden {display: none;}
.site-responsive-menu #menu_list{_display:none;}
.site-responsive-menu #menu_list .active a{color: #ffffff;background:#D6344B;}

/*footer*/
.site-footer{text-align:center;margin-left:10px;margin-right:10px;padding:10px;}
.site-footer a{color:#F03353;}
.site-footer a:hover{color:#0F83E3;}
.site-footer-list ul{display:inline-block;}
.site-footer-list li{float:left;padding-left:10px;padding-right:10px;}
.site-footer-text{border-top:1px dotted #9DD6F7;}

/* search */


.site-index-search-form-container{width:50%;margin:80px auto;}
.site-index-search-form {margin:11px auto;width:100%;height:33px;}
.site-index-search-form .site-search-form-textinput{float:left;width:82%;height:36px;padding-left:3px; text-indent:1px;font-size:16px;background:#ffffff;border:1px solid #eee;color: #666;box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align: middle;}
.site-index-search-form .site-search-form-button{float:left;height:36px;line-height:36px;width:18%;background:#4285F4;color:#ffffff;border:1px solid #fff;border:none;CURSOR: pointer;}

.site-index-convert-form-container{width:80%;margin:20px auto;}
.site-index-convert-form{width:100%;}

.site-index-convert-form .site-index-convert-notice{height:50px;line-height:50px;color:#333333;font-size: 20px;}


.site-index-convert-form .site-index-convert-menu-1{margin-top:10px;text-align: center;}
.site-index-convert-form  .site-convert-form-button1{height:50px;line-height:50px;padding-left:30px;padding-right:30px;margin-right:20px;background:#F03353;color:#ffffff;border:1px solid #fff;border-radius:6px;CURSOR: pointer;}
.site-index-convert-form .site-convert-form-button1:hover{background-color: #D6344B;-webkit-transition: background-color .5s ease;transition: background-color .5s ease;}
.site-index-convert-form  .site-convert-form-button2{height:50px;line-height:50px;padding-left:30px;padding-right:30px;margin-right:20px;background:#4285F4;color:#ffffff;border:1px solid #fff;border-radius:6px;CURSOR: pointer;}
.site-index-convert-form .site-convert-form-button2:hover{background-color: #0073cc;-webkit-transition: background-color .5s ease;transition: background-color .5s ease;}

.site-index-convert-form .site-index-convert-menu-2{margin-top:10px;text-align: center;}
.site-index-convert-form  .site-convert-form-button3{height:50px;line-height:50px;padding-left:30px;padding-right:30px;margin-right:20px;margin-bottom:20px;background:#3E3E3E;color:#ffffff;border:1px solid #fff;border-radius:5px;CURSOR: pointer;}
.site-index-convert-form .site-convert-form-button3:hover{background-color: #000000;-webkit-transition: background-color .5s ease;transition: background-color .5s ease;}


.site-index-convert-form  .site-convert-form-textinput{width:100%;height:390px;padding:10px;text-indent:1px;font-size:26px;background:#eeeeee;border:2px solid #cccccc;color: #000000;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align: middle;}



.site-pcandmobile-searchbox{padding-left:10px;padding-right:10px;}

.site-search-form {margin:11px auto;width:100%;height:33px;}
.site-search-form .site-search-form-textinput{float:left;width:80%;height:33px;padding-left:3px; text-indent:1px;font-size:14px;background:#ffffff;border:1px solid #eee;color: #666;box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align: middle;}
.site-search-form .site-search-form-button{float:left;height:33px;line-height:33px;width:33px;background:#4285F4;color:#ffffff;border:1px solid #fff;border:none;CURSOR: pointer;}



/* breadcrumbs */
.site-breadcrumbs{font-size:14px;margin-left:10px;margin-right:10px;padding-top:6px;color:#555555;}
.site-breadcrumbs a{color:#F03353;}
.site-breadcrumbs a:hover{color:#333333;}


/* card */
.site-card{box-shadow: 1px 1px 3px #E2E1E1;color:#333333;margin:10px;}
.site-card a{color:#333333;}

.site-card-title{height:36px;font-size:18px;font-weight:bold;line-height:36px;color:#333333;width:100%;text-align:left;overflow:hidden;}
.site-card-title h3{display:inline-block;font-weight:bold;}
.site-card-title .site-card-title-more{float:right;padding-right:10px;}
.site-card-title .site-card-title-more a{color:#555555;font-size:14px;font-weight:normal;}
.site-card-title .site-card-title-more a:hover{color:#F03353;text-decoration:underline;}
.site-card-noshadow{color:#333333;margin:10px;}
.site-card-leftblock{padding-left:50px;padding-right:50px;}

/*article*/
.site-article-container{padding:20px;line-height:1.8;}

.site-article-title{color:#000000;line-height:39px;margin-bottom:20px;border-bottom:1px dotted #F5F9FB;overflow:hidden;}
.site-article-title h1{text-align:left;font-size:32px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}

.site-article-description{padding:10px;text-align:center;line-height:16px;font-size:14px;color:#999999;border-bottom:1px solid #eee;overflow:hidden;}
.site-article-meta{margin-right:10px;}

.site-article-content{margin-bottom:30px;}
.site-article-content p{margin-bottom:10px;}

.site-article-chapter{border-left: 5px solid #F03353;padding-left:5px;line-height:48px;margin-top:20px;font-size:18px;color:#333333;width:100%;text-align:left;overflow: hidden;}
.site-article-chapter h3{font-weight:bold;}


.site-article-tags{padding:10px;}
.site-article-tags a{padding:3px;background:#F5F5F5;font-size:12px;color:#333333;letter-spacing:0.2em;margin-right:6px;}
.site-article-tags a:hover{background:#333333;color:#ffffff;}
.site-article-tags .icon-price-tags{margin-right:10px;}



/* text list */
.site-verticallist li{overflow:hidden;}
.site-verticallist li a{display:block;padding-left:6px;line-height:33px;margin-bottom:3px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.site-verticallist li a:hover{background:#FCF7F7;}

.site-textlist{list-style-type:square;}
.site-textlist li{overflow:hidden;}
.site-textlist li a{display:block;color:#4285F4;border-bottom:1px dotted #eeeeee;padding-left:6px;line-height:33px;margin-bottom:10px;padding-right:30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.site-textlist li a:before{content: "\00bb";padding-right: 5px;color: #bbbbbb;}
.site-textlist li a:hover{background:#EEF5F9;}
.site-textlist-v1 li{float:left;width:100%;}
.site-textlist-v2 li{float:left;width:50%;}
.site-textlist-v3 li{float:left;width:33.3%;}
.site-textlist-v4 li{float:left;width:25%;}
.site-textlist-v5 li{float:left;width:20%;}
.site-textlist-v6 li{float:left;width:16.6%;}
.site-textlist-v7 li{float:left;width:14.2%;}
.site-textlist-v8 li{float:left;width:12.5%;}
.site-textlist-v9 li{float:left;width:11.1%;}
.site-textlist-v10 li{float:left;width:10%;}

/* image list */
.site-image-list li{margin-bottom:20px;}
.site-image-list li a{display:block;margin-right:12px;color:#4285F4;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.site-image-list li a:hover{text-decoration:underline;}

.site-image-title{padding-left:22px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.site-image-list-v1 li{float:left;width:100%;}
.site-image-list-v2 li{float:left;width:50%;}
.site-image-list-v3 li{float:left;width:33.3%;}
.site-image-list-v4 li{float:left;width:25%;}
.site-image-list-v5 li{float:left;width:20%;}
.site-image-list-v6 li{float:left;width:16.6%;}
.site-image-list-v7 li{float:left;width:14.2%;}
.site-image-list-v8 li{float:left;width:12.5%;}
.site-image-list-v9 li{float:left;width:11.1%;}
.site-image-list-v10 li{float:left;width:10%;}

/* pagination */
.epages {color:#F03353; padding:20px;}
.epages a{background-color:#ffffff;color:#F03353;display:inline-block;padding:5px 12px;border:1px solid #eeeeee;margin-right:20px;}
.epages a:hover{background-color:#eeeeee;}
.epages b{color:#333333;display:inline-block;margin-right:20px;}

/*padding-margin*/
.site-padding-10{padding:10px;}
.site-padding-20{padding:20px;}
.site-padding-left-5{padding-left:10px;}
.site-padding-left-10{padding-left:10px;}
.site-padding-top-10{padding-top:10px;}
.site-padding-top-20{padding-top:20px;}


.site-margin-right-10{margin-right:10px;}
.site-margin-right-20{margin-right:20px;}
.site-margin-right-30{margin-right:30px;}

.site-margin-bottom-10{margin-bottom:10px;}
.site-margin-bottom-20{margin-bottom:20px;}
.site-margin-bottom-30{margin-bottom:30px;}
.site-margin-bottom-40{margin-bottom:40px;}
.site-margin-bottom-50{margin-bottom:50px;}
.site-margin-bottom-60{margin-bottom:60px;}

.site-margin-top-10{margin-top:10px;}
.site-margin-top-20{margin-top:20px;}
.site-margin-top-30{margin-top:30px;}
.site-margin-top-40{margin-top:40px;}
.site-margin-top-50{margin-top:50px;}
.site-margin-top-60{margin-top:60px;}
/*border style*/
.site-normal-borderbottom-light {border-bottom:1px solid #F5F5F5;}
.site-normal-borderbottom-dark {border-bottom:1px solid #9D9D9D;}
.site-normal-borderbottom-medium {border-bottom:1px solid #CECECE;}

.site-link-borderbottom-light a{border-bottom:1px solid #F5F5F5;}
.site-link-borderbottom-dark a{border-bottom:1px solid #9D9D9D;}
.site-lnk-borderbottom-medium a{border-bottom:1px solid #CECECE;}

/*hidden*/
.site-hidden{display:none;}
.site-hidden-oldie{_display:none;}

/*background*/
.site-back-main{background:#F03353;color:#ffffff;}
.site-back-main a{color:#ffffff;}

.site-back-submain{background:#4DAFFC;color:#ffffff;}

.site-back-leftnav{background:#86FFA7;color:#252D38;}
.site-back-leftnav a{color:#4B5562;}

.site-back-cardtitle{background:#86FFA7;color:#333333;}
.site-back-cardtitle a{color:#333333;}

.site-back-green{background:#F03353;color:#ffffff;}
.site-back-green a{color:#ffffff;}

.site-back-white{background:#fff;}
.site-back-gray{background:#FAF7F7;color:#000000;}

.site-back-footer{background:#cccccc;color:#555555;}
.site-back-footer a{color:#555555;}

/*text style*/
.site-text-center{text-align:center;}
.site-text-left{text-align:left;}
.site-text-right{text-align:right;}
.site-svg-icon{display: inline-block;width: 1em;height: 1em;stroke-width: 0;stroke: currentColor;fill: currentColor;}


/*Diy style*/
.adtest{margin-bottom:8px;}
.app-hanzizhuyin{line-height:220px;background:#FFF04E;text-align:center;padding:30px;padding-top:60px;}
.app-hanzizhuyin ruby{font-size:120px;}
.app-hanzizhuyin rt{font-size:36px;color:#4285F4;}
.app-zhuyinbox{padding:20px;background:#E0F0FF;margin-top:5px;margin-bottom:5px;}
.app-zhuyinbox .app-zhuyinshiyi{color:#5D5D5D;font-style:italic;}


.app-zhuyinlist li{float:left;width:33.3%;margin-bottom:10px;list-style-type:square;overflow:hidden;}
.app-zhuyinlist li a:hover{background:#EEF5F9;}
.app-zhuyinlist li .thishanzi{color:#E56764;}
.app-zhuyinlist li ruby{margin-right:10px;}
.app-zhuyinlist li ruby rt{color:#4285F4;}


.app-hanzi-table {
    text-align: center;
    width: 100%
  }

  .app-hanzi-table a {
    color: #207CDF;
  }

  .app-hanzi-table a:hover {
    text-decoration: underline;
  }

  .app-hanzi-table th {
    border: 1px solid #eee;
    background-color: #dee8fc
  }

  .app-hanzi-table td {
    border: 1px solid #eee
  }

  .app-hanzi-table .app-hanzi-table-one {
    width: 20%
  }

  .app-hanzi-table .app-hanzi-table-two {
    width: 40%
  }

  .app-hanzi-table .app-hanzi-table-three {
    width: 40%
  }

  .app-hanzi-table .app-hanzi-table-left {
    background-color: #dee8fc
  }

  .app-hanzi-compare {
    font-size: 90px;
    line-height: 150px;
    color: #f03353
  }

  .app-hanzi-compare-small {
    font-size: 50px;
    line-height: 120px;
    color: #f03353
  }

  .app-hanzi-poster {
    text-align: center;
    padding: 10px
  }

  .app-hanzi-poster-img {
    max-width: 200px;
    margin: 0 auto
  }

  .app-hanzi-poster-img-small {
    max-width: 100px
  }

  .app-word-table {
    text-align: center;
    width: 100%
  }

  .app-word-table th {
    border: 1px solid #eee;
    background-color: #dee8fc
  }

  .app-word-table td {
    border: 1px solid #eee
  }

  .app-word-table .app-word-table-one {
    width: 50%
  }

  .app-word-table .app-word-table-two {
    width: 50%
  }

  .app-word-compare a {
    color: #4285f4
  }

  .app-word-compare a:hover {
    text-decoration: underline
  }



  .ampsite-index-search-form-container {
    width: 50%;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 10px
  }

  .ampsite-index-search-title {
    text-align: center;
    color: #333;
    font-size: 36px;
    line-height: 72px
  }

  .ampsite-index-search-form {
    margin: 11px auto;
    width: 100%;
    height: 33px
  }

  .ampsite-index-search-form-textinput {
    float: left;
    width: 82%;
    height: 36px;
    line-height: 36px;
    padding-left: 3px;
    text-indent: 1px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #eee;
    color: #666;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: middle
  }

  .ampsite-index-search-form-button {
    float: left;
    height: 36px;
    line-height: 36px;
    width: 18%;
    background: #4285f4;
    color: #fff;
    border: 1px solid #fff;
    border: 0;
    CURSOR: pointer
  }

  .ampsite-index-search-sample {
    text-align: center;
    margin: 30px 0
  }

  .ampsite-index-search-sample a {
    color: #f03353;
    margin-left: 10px;
    margin-right: 10px
  }

  .ampsite-index-search-intro {
    text-align: center;
    color: #555
  }

  .ampsite-index-search-gif {
    max-width: 336px;
    text-align: center;
    margin: 10px auto
  }







/*media query for smartphone and pad*/
@media(max-width:980px) {
body{font-size:16px;line-height:1.8;}
.site-paper{padding-left:3px;padding-right:3px;}
.site-content-header img{height:30px;}
.site-card-leftblock{padding-left:0px;padding-right:0px;}
.site-article-title h1{font-size:22px;}
.site-index-search-form-container{width:90%;margin:10px auto;}
.site-index-convert-form-container{width:99%;margin:10px auto;}
.site-index-convert-form  .site-convert-form-button{padding-left:5px;padding-right:5px;margin-right:5px;}
.site-index-convert-form  .site-convert-form-textinput{height:300px;}
.site-pcandmobile-searchbox .site-search-form-textinput{width:80%;}
.site-pcandmobile-searchbox .site-search-form-button{width:20%;}

.site-grid-sm-5{width:5%;}
.site-grid-sm-10{width:10%;}
.site-grid-sm-15{width:15%;}
.site-grid-sm-20{width:20%;}
.site-grid-sm-25{width:25%;}
.site-grid-sm-30{width:30%;}
.site-grid-sm-35{width:35%;}
.site-grid-sm-40{width:40%;}
.site-grid-sm-45{width:45%;}
.site-grid-sm-50{width:50%;}
.site-grid-sm-55{width:55%;}
.site-grid-sm-60{width:60%;}
.site-grid-sm-65{width:65%;}
.site-grid-sm-70{width:70%;}
.site-grid-sm-75{width:75%;}
.site-grid-sm-80{width:80%;}
.site-grid-sm-85{width:85%;}
.site-grid-sm-90{width:90%;}
.site-grid-sm-95{width:95%;}
.site-grid-sm-100{width:100%;}

.site-brandname{text-align:center;}
.site-hidden-sm{display:none;}


#menu_button_wrapper{display:block;padding:3px 10px;_display:none;}  
#menu_button {margin:0;background:#F03353;color: #ffffff;font-size:32px;line-height:50px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#menu_button:hover {cursor: pointer;}
#hamburger {float: right;margin-top:9px;}
#menu_button span{display: block;background-color: #ffffff;width: 36px;height: 5px;border-radius: 1px;margin-bottom: 5px;}
.site-responsive-menu ul li {display: block;background:#F03353;border-bottom:1px solid #F03353;}  
.site-responsive-menu ul li a {width: 100%;}

.site-margin-top-sm-140{margin-top:140px;}

.site-image-list-sm-v1 li{width:100%;}
.site-image-list-sm-v2 li{width:50%;}
.site-image-list-sm-v3 li{width:33%;}
.site-image-list-sm-v4 li{width:25%;}
.site-image-title{padding-left:50px;text-align:left;}

.site-textlist li a{padding-right:0px;}
.site-textlist-sm-v1 li{width:100%;}
.site-textlist-sm-v2 li{width:50%;}
.site-textlist-sm-v3 li{width:33%;}
.site-textlist-sm-v4 li{width:25%;}

/*Diy style mobile*/
.app-zhuyinlist li{width:100%;}

.ampsite-index-search-form-container {
  width: 90%;
  margin: 20px auto;
  padding-top: 10px;
  padding-bottom: 10px
}

.ampsite-index-search-title {
  font-size: 22px;
  line-height: 36px
}




}