body,form{padding:0px 0px 0px 0px;margin: 0px 0px 0px 0px;font-size:14px;}
html{background:url(../images/bg.jpg) left top repeat-y}
body{height:100%;}
table {border-collapse:collapse; border-spacing:0}
ul {list-style:none;margin:0;padding:0}
img {vertical-align:middle; border:0}
.clear {line-height: 180%; }	
.white {color:white;}
.white td{color:white;}
.redfont{color:red;}
a.redfont{color:red;}

.logo_menu{display: none;float: left;height: 55px;width: 15%;cursor: pointer;display: none;background: url(../images/menu.png) center no-repeat;
background-size: 25px;margin-top: 8px;
}

.logo{color: #fff;font-size: 18px;text-decoration: none;margin-left: 80px;cursor: default;}
.logo span{color: #0A6ECF;line-height: 65px;font-size: 32px;padding-right:10px;}

#helptop{background:#222;height:65px;overflow:hidden;zoom:1;}
#logo{margin:5px 0px 0px 10px;height: 58px;}
#helptop .toplist{overflow:hidden;zoom:1;margin-top:0px;margin-right:50px;text-align:right;float:right}
#helptop .toplist li{float:left;}
#helptop .toplist a{color:#fff;float:left;text-decoration:none;font-family:"΢Microsoft YaHei";margin-right:30px;}

#container{background:url(../images/bg.jpg) left top repeat-x;}
#helpmain{background:url(../images/bg_left.jpg) left top no-repeat;overflow:hidden;zoom:1}
#helpmain .inner{background:url(../images/bg_right.jpg) right top no-repeat;overflow:hidden;zoom:1}

#SSearch{margin-top:45px;padding-bottom:30px;}
#SSearch #searchinput{background:url(../images/searchbg.jpg) left top no-repeat;;width:504px;height:58px;float:left;padding:4px;}
#SSearch #searchinput select{border:0px;text-align:center}
#SSearch #searchinput .formInput{height:48px;color:#aaa;width:494px;font-size:16px;border:0px;text-indent:10px;}
#SSearch #searchinput .line{color:#9d9d9d}
#btns input{background:url(../images/btns.jpg) left top no-repeat;border:0px;color:#fff;width:110px;height:33px;margin-top:15px;font-size:14px;cursor:pointer;}
.searchlist{font-size:12px;color:#888;margin-top:10px;}
.searchlist li{float:left}
.searchlist a{float:left;color:#888;margin:0px 4px;text-decoration:none}
.searchlist a:hover{color:#333}

#pages{overflow:hidden;zoom:1;}
.conleft{color:#666;width:320px;overflow:hidden;zoom:1;background:#F9F9FA;min-height:500px;_min-height:500px}
.conleft a{color:#666;text-decoration:none;font-family:'΢Microsoft YaHei';font-weight:normal;font-size:13px;line-height:40px;display:block}
.conleft ul{margin-left:120px;padding-right:20px;}
#arowf {margin-right:6px;}
.conleft a{margin:0 auto;border-bottom:1px dashed #E1E1E1;background:url(../images/l.gif) right 20px no-repeat;}
.conleft li.firstlist{margin-top:5px;font-family:'΢΢Microsoft YaHei';margin-bottom:10px;background:none;padding-left:20px;}
.support{background:#fff;border:1px solid #dadada;border-width:1px 0px 0px 1px;margin:1px 0px 0px 1px}
.conleft li a:hover{color:#1A6DE2}
.conleft li a:hover{background-position:right -16px}
.conleft li.issubhelp a{background:url(../images/h.gif) right 15px no-repeat;}
.conleft li.issubhelp a:hover{background-position:right -38px}
.conleft li.subhelp a{border-bottom:0px;background:url(../images/l.gif) left 17px no-repeat;margin-left:30px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.subhelp a{padding-left:10px;}

#dList ol{margin:0px 30px 0 40px;padding:0px;font-family:'΢΢Microsoft YaHei';font-size:14px}
#dList li{line-height:35px;border-bottom:1px dotted #ccc}
#dList li a{color:#333;text-decoration:none;font-size:14px;display:block}
#dList li a:hover,#dList li:hover{color:#1A6DE2;cursor:pointer}
#dList #Info{color:#666;margin:0px 3px;font-size:12px;}
#dList #Ca{font-size:12px;color:#666;text-align:left;float:right;width:80px}

#PageList{color:#666;font-size:12px;margin-top:10px;}
#PageList a{color:#333;}

#helpContent{margin:10px;overflow:hidden;zoom:1;}
#sLink {text-align:right;margin-right:10px;}
#sLink a{color:#666;text-decoration:none;font-size:11px;}
#DocView{margin:0 auto;}
#DocView #Title{text-align:center;font-size:18px;font-family:'΢΢Microsoft YaHei';line-height:50px;}
#DocView #Detail{font-size:14px;line-height:220%;color:#666;width:98%;margin:0 auto;border-top:1px dotted #ccc;padding-top:10px;overflow:hidden;zoom:1;}
#Detail .step{background: #eee;display: block;line-height: 36px;height: 36px;padding-left: 12px;color: #555;border: 1px solid #dedede;margin-bottom: 10px;margin-top:10px;}
#DocView embed{width:900px !important;}
.num{font-family:'georgia';font-size:24px;font-style:italic}
#DocView img{max-width:1002px;}

.cateName{font-family:"΢΢Microsoft YaHei";font-size:20px;text-align:left;color:#1A6DE2;line-height:45px;border-bottom:1px solid #ddd;width:98%;margin:10px auto}
.cateImg{background: url(../images/iconhelp.png) center -617px no-repeat;width:32px;height:32px;display:block;float:left;margin-right:3px}
.cate_how{background-position:center 4px;}
.cate_template{background-position:center -50px;}
.cate_basic{background-position:center -108px;}
.cate_menu{background-position:center -677px;}
.cate_edit{background-position:center -163px;}
.cate_mobile{background-position:center -275px;}
.cate_product{background-position:center -854px;}
.cate_cart{background-position:center -216px;}
.cate_user{background-position:center -735px;}
.cate_news{background-position:center -792px;}
.cate_system{background-position:center -899px;}
.cate_weixin{background-position:center -328px;}
.cate_publish{background-position:center -388px;}
.cate_promotion{background-position:center -445px;}
.cate_module{background-position:center -500px;}
.cate_voice{background-position:center -559px;}


#More{padding:12px;background:#f3f3f2}
#More strong{line-height:30px;}
#More a{color:#666;font-size:10px;font-family:"΢΢Microsoft YaHei";}
#More a:hover{color:#1A6DE2}


.circle { width: 32px; height: 32px; color: white; position: relative; left: -8px; top: -16px; line-height: 32px; text-align: center; background-color:#1A6DE2; -ms-border-radius: 50%; border-radius: 50%; cursor: pointer; }
div.gray { background-color: #708090; }
.cimain{ text-align:center; color:#fff;}
.cimainDiv a p.bTitle{font-size:18px;font-family:"Microsoft YaHei","verdana";margin-bottom:10px;}

/* 手机端侧边栏 */
.mobil_div {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 0;
    height: 100%;
}
.mobil_div.disW100 {
    width: 100%;
}
.mobil_mask{
	width: 100%;
    height: 100%;
    cursor: pointer;
}
.mobil_nav {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 0px;
    z-index: 999999;
    overflow: hidden;
    transition: width 0.1s linear;
    -webkit-transition: width 0.1s linear;
    -moz-transition: width 0.1s linear;
    -o-transition: width 0.1s linear;
}
.mobil_nav.disW240 {
    width: 240px;
}


@media screen and (max-width:414px) {
	.logo_menu{display: inline-block;}
	.leftList{display: none;}
	
	#helptop #logo{width: 80%;margin: 10px 0px 0px 10px;}
	#helptop .toplist{display: none;}
	
	#SSearch{margin-top: 30px;}
	#SSearch .help{display: none;}
	#SSearch table{width: 100%;}
	#SSearch #searchinput{width: 96%;height: 50px;margin: 0 auto 30px;background-size: 100%;float: none;}
	#SSearch #searchinput .formInput{height: 40px;width: 70%!important;background-color: transparent;}
	.formInput::-webkit-input-placeholder {font-size: 14px;}
	.formInput::-o-placeholder {font-size: 14px;} 
	.formInput::-moz-placeholder {font-size: 14px;} 
	.formInput::-ms-input-placeholder {font-size: 14px;} 
	#searchinput .line{margin-right: 4%;}
	
	#btns input{display: block;margin: 0 auto;}
	
	.conleft ul{margin-left: 20px;width: 60%;}
}

@media screen and (max-width:375px) {
	#helptop #logo{margin: 13px 0px 0px 10px;}
	#SSearch #searchinput .formInput{height: 32px;width: 73%!important;}
	#searchinput .line{margin-right: 2%;}

}

@media screen and (max-width:320px) {
	#helptop #logo{margin: 17px 0px 0px 10px;}
	#SSearch #searchinput .formInput{text-indent: 0;height: 24px;}
	
	.formInput::-webkit-input-placeholder {font-size: 12px;}
	.formInput::-o-placeholder {font-size: 12px;} 
	.formInput::-moz-placeholder {font-size: 12px;} 
	.formInput::-ms-input-placeholder {font-size: 12px;} 
	#searchinput .formstyle{width: 22%;}
	.searchlist li:last-child{display: none;}
}