/*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;}
a:focus{outline:0;}
input,select{-webkit-appearance:none; appearance:none; }
/*全局设置所有元素的内边距和边框不再会增加它的宽度，百分比就是绝对的百分比，符合对盒子尺寸的认知*/
*, *:after, *:before { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
body{font-size:16px;line-height:1.8;font-family: Arial,Verdana,Helvetica,sans-serif;color:#000000;
background-color: #eeeeee;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='64' viewBox='0 0 32 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 28h20V16h-4v8H4V4h28v28h-4V8H8v12h4v-8h12v20H0v-4zm12 8h20v4H16v24H0v-4h12V36zm16 12h-4v12h8v4H20V44h12v12h-4v-8zM0 36h8v20H0v-4h4V40H0v-4z' fill='%23f5f5f5' fill-opacity='0.94' fill-rule='evenodd'/%3E%3C/svg%3E");
}
i, cite, em {font-style: normal;}
.clear{clear:both;}

/*grid*/
.site-line{width:100%;}
.site-paper{max-width:1120px;margin:0 auto;overflow: hidden;}
.site-all{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-pc-searchbox{_display:none;}

.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 15px;line-height:55px;}
.site-responsive-menu ul li a:hover {color: #ffffff;background:#2E3E5C;}
#menu_button_wrapper{display: none;}
.site-menu-hidden {display: none;}
.site-responsive-menu #menu_list{_display:none;}

/*footer*/
.site-footer{text-align:center;margin-left:10px;margin-right:10px;padding:10px;}
.site-footer a{color:#0F83E3;}
.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{font-size:14px;}
.site-footer-text a{margin-right:15px;}
/* search */
.site-search-form {margin:11px 0px;width:100%;height:33px;}
.site-search-form .site-search-form-textinput{float:left;width:85%;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:15%;text-align:center;background:#E54848;color:#ffffff;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:#E54848;}
.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:#FF5652;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 #FF5652;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-list li a:hover img{border:5px solid #FF5652;}
.site-image-list li img{max-width:180px;border:5px solid #eeeeee;}
.site-image-poster{}
.site-image-title{text-align:center;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:#2196F3; padding:20px;}
.epages a{background-color:#ffffff;color:#2196F3;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:#64BAF4;color:#ffffff;}
.site-back-main a{color:#ffffff;}


.site-back-submain{background:#FF5652;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:#E54848;color:#ffffff;}
.site-back-green a{color:#ffffff;}

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

.site-back-footer{background:#333333;color:#ffffff;}
.site-back-footer a{color:#ffffff;}

/*text style*/
.site-text-center{text-align:center;}
.site-text-left{text-align:left;}
.site-text-right{text-align:right;}

/*Diy style*/
.site-svg-icon{display: inline-block;width: 1em;height: 1em;stroke-width: 0;stroke: currentColor;fill: currentColor;}
.hanzi5-article-hanzi{margin-bottom:20px;}	
.hanzi5-article-hanzi-info{overflow:hidden;}	
.hanzi5-article-hanzi-info table{border-collapse:collapse;border:none;margin-top:10px;width:100%;}
.hanzi5-article-hanzi-info table td{border:1px solid #8BCBF6;padding:5px;padding-left:10px;overflow:hidden;}
.hanzi5-article-hanzi-info .hanzi5-article-hanzi-info-td1{width:20%;background:#E1F2FC;}
.hanzi5-article-hanzi-info .hanzi5-article-hanzi-info-td2{width:80%;}
.site-bishun-image{margin-top:10px;margin-bottom:10px;}
.bishun-copyright-container{width:100%;}
.bishun-copyright-left{float:left;width:10%;display:inline-block;font-size:100px;line-height:100px;text-align:right;color:#eeeeee;}
.bishun-copyright-center{float:left;width:80%;display:inline-block;font-size:14px;line-height:36px;padding:20px 10px;color:#E54848;}
.bishun-copyright-right{float:left;width:10%;display:inline-block;font-size:100px;line-height:100px;text-align:left;color:#eeeeee;}

.site-infobox{background:#ffffff;padding:20px;margin:10px;}
.site-infobox:hover{background:#D1D8E5;}
.site-infobox-title{font-size:22px;color:#000000C;font-weight:800;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.site-infobox-title a{color:#000000;}
.site-infobox-title a:hover{color:#354869;text-decoration:underline;}
.site-infobox-description{color:#666666;font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}


/*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-grid-sm-1{width:1%;}
.site-grid-sm-2{width:2%;}
.site-grid-sm-3{width:3%;}
.site-grid-sm-4{width:4%;}
.site-grid-sm-5{width:5%;}
.site-grid-sm-6{width:6%;}
.site-grid-sm-7{width:7%;}
.site-grid-sm-8{width:8%;}
.site-grid-sm-9{width:9%;}
.site-grid-sm-10{width:10%;}
.site-grid-sm-11{width:11%;}
.site-grid-sm-12{width:12%;}
.site-grid-sm-13{width:13%;}
.site-grid-sm-14{width:14%;}
.site-grid-sm-15{width:15%;}
.site-grid-sm-16{width:16%;}
.site-grid-sm-17{width:17%;}
.site-grid-sm-18{width:18%;}
.site-grid-sm-19{width:19%;}
.site-grid-sm-20{width:20%;}
.site-grid-sm-21{width:21%;}
.site-grid-sm-22{width:22%;}
.site-grid-sm-23{width:23%;}
.site-grid-sm-24{width:24%;}
.site-grid-sm-25{width:25%;}
.site-grid-sm-26{width:26%;}
.site-grid-sm-27{width:27%;}
.site-grid-sm-28{width:28%;}
.site-grid-sm-29{width:29%;}
.site-grid-sm-30{width:30%;}
.site-grid-sm-31{width:31%;}
.site-grid-sm-32{width:32%;}
.site-grid-sm-33{width:33%;}
.site-grid-sm-34{width:34%;}
.site-grid-sm-35{width:35%;}
.site-grid-sm-36{width:36%;}
.site-grid-sm-37{width:37%;}
.site-grid-sm-38{width:38%;}
.site-grid-sm-39{width:39%;}
.site-grid-sm-40{width:40%;}
.site-grid-sm-41{width:41%;}
.site-grid-sm-42{width:42%;}
.site-grid-sm-43{width:43%;}
.site-grid-sm-44{width:44%;}
.site-grid-sm-45{width:45%;}
.site-grid-sm-46{width:46%;}
.site-grid-sm-47{width:47%;}
.site-grid-sm-48{width:48%;}
.site-grid-sm-49{width:49%;}
.site-grid-sm-50{width:50%;}
.site-grid-sm-51{width:51%;}
.site-grid-sm-52{width:52%;}
.site-grid-sm-53{width:53%;}
.site-grid-sm-54{width:54%;}
.site-grid-sm-55{width:55%;}
.site-grid-sm-56{width:56%;}
.site-grid-sm-57{width:57%;}
.site-grid-sm-58{width:58%;}
.site-grid-sm-59{width:59%;}
.site-grid-sm-60{width:60%;}
.site-grid-sm-61{width:61%;}
.site-grid-sm-62{width:62%;}
.site-grid-sm-63{width:63%;}
.site-grid-sm-64{width:64%;}
.site-grid-sm-65{width:65%;}
.site-grid-sm-66{width:66%;}
.site-grid-sm-67{width:67%;}
.site-grid-sm-68{width:68%;}
.site-grid-sm-69{width:69%;}
.site-grid-sm-70{width:70%;}
.site-grid-sm-71{width:71%;}
.site-grid-sm-72{width:72%;}
.site-grid-sm-73{width:73%;}
.site-grid-sm-74{width:74%;}
.site-grid-sm-75{width:75%;}
.site-grid-sm-76{width:76%;}
.site-grid-sm-77{width:77%;}
.site-grid-sm-78{width:78%;}
.site-grid-sm-79{width:79%;}
.site-grid-sm-80{width:80%;}
.site-grid-sm-81{width:81%;}
.site-grid-sm-82{width:82%;}
.site-grid-sm-83{width:83%;}
.site-grid-sm-84{width:84%;}
.site-grid-sm-85{width:85%;}
.site-grid-sm-86{width:86%;}
.site-grid-sm-87{width:87%;}
.site-grid-sm-88{width:88%;}
.site-grid-sm-89{width:89%;}
.site-grid-sm-90{width:90%;}
.site-grid-sm-91{width:91%;}
.site-grid-sm-92{width:92%;}
.site-grid-sm-93{width:93%;}
.site-grid-sm-94{width:94%;}
.site-grid-sm-95{width:95%;}
.site-grid-sm-96{width:96%;}
.site-grid-sm-97{width:97%;}
.site-grid-sm-98{width:98%;}
.site-grid-sm-99{width:99%;}
.site-grid-sm-100{width:100%;}

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


/* diy mobile setting */
.hanzi5-index-brand{padding-top:10px;padding-bottom:10px;}
.site-infobox-title{font-size:16px;}
.hanzi5-article-hanzi-title{height:150px;width:150px;line-height:150px;font-size:120px;}	
.hanzi5-article-hanzi-info table td{width:150px;}



#menu_button_wrapper{display:block;padding:10px;_display:none;}  
#menu_button {margin:0;background:#000000;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;}
.site-mobile-searchbox{padding:5px 10px;background:#2E3E5C;}

#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:#333333;border-bottom:1px solid #666666;}  
.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:0px;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%;}



}