:root{
    --maincolor: #333;
    --menu-color:#6cf;
    --act-color: #f60;
}
body{font-size: 16px;color:#333;font-family: -apple-system,"Source Sans Pro","Noto Sans CJK SC","PingFang SC","Segoe UI","Microsoft YaHei",Helvetica,Arial,sans-serif;/*
background-image: url("guoqi.jpg") !important; background-position: center top !important; background-repeat: repeat-x !important; padding-top: 8em !important;*/}
*{padding: 0;margin: 0; font-style: normal; list-style: none; font-size:1em; box-sizing: border-box; border: none;}
/*body:before{content: ""; display: block; padding: 5%; background: url("newyear.jpg") center; background-size: cover;}*/
@media screen and (max-width:540px){body:before{ padding: 8%;}}
img{max-width: 100%;}

/*语种选择*/
.language{position: absolute;right: 1em;border: 1px solid #ddd;z-index: 1; background-color: #fff;padding: .3em;}
.language::before {display: block;background: url("earth.svg") no-repeat;content: "Lang";padding-left: 1.5em;background-size: contain;}
.language a{display: none; line-height: 2; white-space: nowrap;}
.language:hover a{display: block;}

/*产品价格区*/
.realprice{float: left;width: 100%;padding: 1em;}
.realprice em{font-size: 1.5em;color: #c00; font-style: normal;}
.realprice span{color: #960;}
.realprice del{color: #777; font-size: 14px;}
.realprice .realurl{float: right;}
.realprice a{display: inline-block; padding: .5em 1em;color: #fff;background-color: #c00; border-radius: 0.3em;}
.realprice a.mallcart {border-radius: 2em;background-color: #c06;}
.realprice a:hover{color:#fff}

/*文章后缀*/
.sys_suffix{margin-top: 2em; border: 1px dashed var(--act-color, #ccc); border-radius: 0.5em; padding: 0.5em;line-height: 1.8; text-align: justify; clear: both;}
/** 用于百度的索引图 */
.bdimg {position: absolute;z-index: -1; left: 0; opacity: 0;}

/*子栏目*/
.subcat{text-align: right;}
.subcat a{display: inline-block;margin: 0 0.5em 0.5em; border: 1px solid; padding: 0.3em 0.5em;}
.subcat a.cur, .subcat a:hover{background-color: var(--act-color); color: #fff;}

/*评论区*/
.rev_dl{line-height:22px;color:#333;display:table;width:100%;border-bottom:1px solid #ddd;padding:1em;background-color:#fff}
.rev_dl dt{display:table-cell;vertical-align:middle;width:45px}
.rev_dl dt::before{display:inline-block;content:"";padding:30px;margin-right:15px;background:url('head.gif') no-repeat center;background-size:contain}
.rev_dl dd {display: table-cell;margin-bottom: 12px;}
.rev_dl dd .title {line-height: 2; border-bottom: 1px dashed #e1e1e1;}
.rev_dl dd p {line-height: 1.8;}
.rev_dl img{height: 3em;display: inline-block; margin: 5px;}
.rev_dl .demo{text-align: justify;}
.rev_dl .time{margin-left:2em; font-size: 12px; color: #999;}
.rev_dl p {padding: 0;margin: 0;clear: both;}
.reply{color: #f60;border-top: 1px dotted #f96;}

/*评论表单*/
.cmt_post form{position:relative;margin:1em 0}
.cmt_post input[name="cname"]{border-radius:5px 5px 0 0;padding:10px 15px;width:100%;border:1px solid #ccc;border-bottom:none;outline:0}
.cmt_post input[type="submit"]{border-radius:0 5px 0 0;width:5em;position:absolute;top:0;right:0;padding:10px 18px;border:none;color:#fff;background-color:#39f;outline:0}
.cmt_post p{padding: 5px; border-color: #ccc; border-style: solid; border-width: 1px 1px 0; float: left; width: 100%;}
.cmt_post label{float: left; padding: 5px;}
.cmt_post input[type="file"]{display: none;}
.cmt_post img{height: 3em; display:block;}
.cmt_post textarea{padding:10px 15px;width:100%;height:80px;font-size:13px;border:1px solid #ddd;border-radius:0 0 5px 5px;background-color:#f7f7f7;outline:0;resize:none}
.cmt_empty{text-align:center;background-color:#fff;padding:2em;color:#999}
.cmt_empty::before{background:url('empty.jpg') no-repeat;content:'';display:block;width:0;padding:5.5em;margin:1em auto}
.sys_flagpop{position:fixed;right:0;bottom:10vh;background-color:rgba(0,0,0,.5);padding:1px 0;border-radius:12px 0 0 12px}
.sys_flagpop > a{width:3em;display:block;transition:all .2s;white-space:nowrap}
.sys_flagpop > a:before{content:"";width:2em;height:2em;margin:.5em;background-image:url(icon.png);background-size:4em;display:inline-block;vertical-align:middle}
.sys_flagpop > a:after{content: attr(title); color: #fff;}
.sys_flagpop > a:hover{width: 8em; margin-left: -5em; background-color: #333;}
.sys_flagpop > a:hover:before{background-position-x: -2em;}
.sys_flagpop #sys_mall:before{ background-position-y: -2em;}
.sys_flagpop #sys_tel:before{ background-position-y: -4em;}
.sys_flagpop #sys_local:before{ background-position-y: -6em;}
.sys_flagpop #sys_message:before{ background-position-y: -8em;}
.sys_flagpop #sys_tougao:before{ background-position-y: -10em;}
.sys_flagpop #sys_search:before{ background-position-y: -12em;}
.sys_flagpop #sys_qq:before{ background-position-y: -14em;}
.sys_flagpop #sys_skype:before{ background-position-y: -16em;}

/*翻译组件*/
#translate select {
	position: fixed;
	right: .5em;
	bottom: 2.5em;
	background-color: #fff;
	padding: 0.25em;
	border: 1px solid #ddd;
	width: 6em;
	border-radius: 5px;
}