html,body{margin:0px; width:100%; height:100%; background-color:#fff; font-size:16px; font-color:#000; line-height:1.5;}
*{box-sizing:border-box;} /* 用边框模式令盒子的大小易于操控 */

table{border-collapse:collapse;}
[type="text"],[type="password"],textarea{font-size:16px; color:#000; outline:0; padding:10px;}
select{font-size:16px; color:#000; outline:0;}

a{text-decoration:none; color:#000; cursor:pointer;}
button{cursor:pointer;}

#header{width:100%; height:110px; position:fixed; left:0; top:0; background-color:#111; z-index:1000;}
#logo{height:40px; display:block;}
#webTT{font-size:30px; color:#fff; font-weight:bold; line-height: 60px; letter-spacing:3px;}
#lang{height:30px; text-align: right;}
#subMenu{display:flex; justify-content:center; position: fixed; top:-40px; left:0; width:100%; background-color:#111; z-index:101;}
#subMenu>a{padding:10px 20px; text-align: center; cursor:pointer; font-size:16px; color:#fff;}
#subMenu>a:hover{background-color:#222;}
#subMenu>a>div{padding-top:10px;}
#mask{position: fixed; top:110px; left:0; width:100%; height:calc(100% - 110px); background-color: rgba(0,0,0,0.5); z-index:100;}

.menu{height:30px; display:flex;}
.menu_i{margin-left:30px; font-size:14px; color:#fff;}
.menu_i1{margin-left:40px; font-size:18px; color:#999;}
.menu_ic1{margin-left:40px; font-size:18px; color:#f40; font-weight:bold;}

#sws{width:100%; margin:auto; position:relative; overflow: hidden;}
#sws>img{display:block; position:absolute; border:0; width:100%;}
.anm0{opacity:0;}
.anm1{opacity:1; transition:2s;}
	
#main{width:1200px; min-height:calc(100% - 199px); padding-bottom:15px; margin:auto; background-color:#fff;}
#pgName{background-color:#f3f3f3; padding:20px; text-align:center; color:#06c; font-size:32px; font-weight:bold; letter-spacing:10px; margin-bottom:30px;}

.indexPic{display:flex; justify-content:center; flex-wrap: wrap;}
.indexPic>a{margin:15px; position:relative; cursor:pointer;}
.indexPic img{display:block; width:270px; height:270px; border:0; filter:grayscale(100)}
.indexPic img:hover{filter:grayscale(0)}
.indexPic>a>div{position:absolute; top:0; left:0; width:100%; padding:15px; font-size:24px; line-height:1.2; color:#fff; text-align: center; text-shadow:0px 1px 3px rgba(0, 0, 0, 0.5)}

.prods{display:flex; flex-wrap: wrap;}
.prod_sm{width:180px; height:220px; margin:5px 30px; text-align:center;}
.prod_sm_pic{width:180px; height:180px;}
.prod_sm_pic img{max-width:180px; max-height:180px; border:0; vertical-align:middle;}
.prod_sm_name{height:40px; line-height:40px; font-size:16px; overflow:hidden;}
.prod_pic{max-width: 800px; max-height:330px;}


#footer{width:100%; padding:20px; background-color:#111; color:#fff; font-size:12px; border-top:1px solid #666;}


.fx{display:flex;}
.fa{display:flex; justify-content:space-around;}
.fb{display:flex; justify-content:space-between;}
.fc{display:flex; justify-content:center;}
.fe{display:flex; justify-content:flex-end;}
.p10{padding:10px;}
.bd1{border:1px solid #e6e6e6;}

.leftSide{width:240px; margin-right:20px;}
.rightSide{width:1000px;}

.leftPad{width:100%;}
.leftPad>a{display:block; padding:10px; text-align:center; border-bottom:2px solid #fff;}
.leftPad>a:hover{background-color:#def; font-weight:bold;}
.leftPad_tt{padding:10px; text-align:center; font-size:20px; font-weight:bold; color:#fff; background-color:#369;}
.leftPad_tt a{color:#fff;}
.centerPad{margin:auto; width:40%;}
.posBar{height:50px; font-size:20px; font-weight:bold; color:#369; background-color:#eee; line-height:48px; padding-left:20px;}

.artTT{font-size:20px; color:#bbb; padding:20px; border-bottom:1px solid #ddd;}
.artTT:hover{background-color:#f6f6f6;}

.tt{text-align:center; font-size:36px; color:#000; font-weight:lighter; padding:20px;}
.tt1{text-align:center; font-size:24px; color:#000; font-weight:lighter;}
.dt{text-align:right; color:#999;}

.noEdt{background-color:#f6f6f6;}
.noAdd{background-color:#ded;}


/* 表单相关 */
.reglog [type="text"], .reglog [type="password"]{width:100%; font-size:18px;}
.btn0{height:40px; font-size:18px; color:#fff; border:0; background-color:#999; letter-spacing:2px; cursor:pointer;}
.btn1{height:40px; font-size:18px; color:#fff; border:0; background-color:#090; letter-spacing:2px; cursor:pointer;}
.btn_big{width:100%; height:50px; background:#090; border:0; margin:20px 0; color:#fff; font-size:24px; cursor:pointer;}
.lab{font-size:20px; color:#000; margin:30px 0 5px 0;}
.tips  {font-size:16px; line-height:30px; color:#aaa;}
.exa   {font-size:16px; line-height:30px; color:#090;}
.null  {font-size:16px; line-height:30px; color:#c0c;}
.maybe {font-size:16px; line-height:30px; color:#999;}
.err   {font-size:16px; line-height:30px; color:#f00;}

.btn_del{background-color:#fcc; border:0; padding:3px 8px;}
.btn_add{background-color:#090; border:0; padding:3px 8px; color:#fff;}