/*public.css*/
html, body { min-width: 1200px; }
/* top */
.top { color: #fff; background: #4699F5; font-size: 12px; line-height: 30px; height: 30px; overflow: hidden; }

/* 单行文本上下滚动 */
.info_scroll { display: inline-block; height: 30px;/*文本高度*/ padding-left: 26px; background: url(../images/info_icon.png) no-repeat left center; font-size: 12px; line-height: 30px;/*文本高度*/ overflow: hidden; }
.info_scroll .info_ul { height: auto;	/* width: 300px; */ overflow: hidden; }
.info_scroll .info_ul li { display: block; height: 30px;/*文本高度*/	/* width: 280px; */
overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; padding: 0 10px; max-width: 400px; }
.info_scroll .info_ul li a:hover { text-decoration: underline; }
.info_control { width: 10px; height: 100%; padding-top: 7px; }
.info_control .info_btn { display: block; width: 0; height: 0; border-bottom: 6px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; opacity: .5; filter: opacity(50); }
.info_control .info_btn.info_next { margin-top: 4px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); }
.info_control .info_btn:hover { opacity: 1; filter: opacity(100); }
.top .top_close { display: block; float: right; width: 30px; height: 30px; background: url(../images/top_close.png) no-repeat center center; }

/*header*/
header { height: auto; background: #fff; position: relative; z-index: 3; }
header a.logo { float: left; width: auto; height:98px; }
header a.logo img { display: inline-block; vertical-align: middle; height: 100%; }
header .headr { float: right; width: auto; height: 100%; }
header .headr .olink { height: 38px; line-height:38px;margin-top:5px; color:#ccc;font-size: 13px; text-align: right; }
header .headr .olink a { margin:0 12px; line-height:20px;color:#666; }

/* nav */
nav { height: 50px; }
nav li { position: relative; float: left; height: 100%; width: 106px; }
nav li a { position: relative; width: 100%; height: 100%; display: block; line-height: 50px; color: #333; font-size: 16px; background: transparent; text-align: center; }
nav li.on a { color: #4699F5; }
nav li:hover a { color: #4699F5; }
nav li ul { display: none; position: absolute; z-index:9999; top: 50px; left: 50%; margin-left: -70px; width: 140px; border: 1px solid #4699F5; box-shadow: 0 3px 5px rgba(0, 0, 0, .1); background: #4699F5; border-radius: 4px; padding: 4px; }
nav li ul:before { content: ''; position: absolute; top: -8px; left: 50%; margin-left: -7px; width: 0; height: 0; border-bottom: 8px solid #4699F5; border-left: 7px solid transparent; border-right: 7px solid transparent; border-radius: 2px; }
nav li li { float: none; width: 100%; margin: 0; padding: 4px; border-radius: 4px; }
nav li:hover li a, nav li li a { display: block; width: 100%; height: 37px; position: relative; z-index: 2; color: #fff; background: transparent; line-height: 36px; font-size: 14px; text-align: center; border-bottom: 1px dashed #075dbc; }
nav li li:hover { background: #ff9a00; }
nav li:hover ul { display: block; }
.kefuBox { position: fixed; z-index: 4; top: 150px; right: 0; width: auto; _position: absolute; _top: expression(documentElement.scrollTop +45); font-size: 12px }
.kefuBox .kefuLeft { float: left; overflow: hidden; width: 74px; height: 73px; cursor: pointer; background: url(../images/kefu/kefu_l.png) no-repeat }
.kefuBox .kefuLeften { float: left; overflow: hidden; width: 30px; height: 157px; cursor: pointer; background: url(../images/kefu/kefu_len.png) no-repeat }
.kefuBox .kefuRight { display: block; float: left; overflow: hidden; width: 0 }
.kefuBox .kefuTop { width: 154px; height: 122px; background: url(../images/kefu/kefu_top.png) no-repeat }
.kefuBox .kefuTopen { width: 154px; height: 46px; background: url(../images/kefu/kefu_topen.png) no-repeat }
.kefuBox .kefuClose { float: right; overflow: hidden; width: 154px; height: 46px; display: block; cursor: pointer }
.kefuBox .kefuBottom { width: 154px; height: 12px; background: url(../images/kefu/kefu_bottom.png) no-repeat }
.kefuBox .kefuCont { width: 154px; padding: 0 12px; background: url(../images/kefu/kefu_line.png) repeat-y; overflow: hidden }
.kefuBox .kefuCont ul { margin: 0; padding: 0 }
.kefuBox .kefuCont ul li { width: 130px; line-height: 28px; overflow: hidden; height: 28px; padding-left: 40px; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px }
.kefuBox .kefuCont ul li a { color: #333 }
.kefuBox .kefuCont ul li.pic { width: 130px; height: 89px; margin-bottom: 10px; padding: 0 }
.kefuBox .kefuCont ul li.qq { background: url(../images/kefu/qq.gif) no-repeat }
.kefuBox .kefuCont ul li.wapp { background: url(../images/kefu/wapp.png) no-repeat }
.kefuBox .kefuCont ul li.line { background: url(../images/kefu/line.png) no-repeat }
.kefuBox .kefuCont ul li.tel { background: url(../images/kefu/tel.png) no-repeat }
.kefuBox .kefuCont ul li.codeer { display: block; width: 100%; height: auto; text-align: center; color: #fff; font-size: 14px; padding: 0; margin-bottom: 0; }
.kefuBox .kefuCont ul li.codeer p { display: block; line-height: 26px; font-size: 12px; }
.kefuBox .kefuCont ul li.codeer span { display: block; margin: 0 auto; width: 116px; height: 116px; border-radius: 4px; overflow: hidden;  }
.kefuBox .kefuCont ul li.codeer span img { width: 116px; height: 116px }

/*footer*/
footer { padding: 20px 0 ; font-size: 14px; line-height: 26px; color: #666; text-align: center; }
footer .flogo { width: 98px; height: 90px; background-position: 0 -186px; }
footer .ewm1 { width: 108px; height: 138px; background-position: -107px -188px;padding-top:108px;font-size:12px; }
footer .ewm2 { width: 108px; height: 138px; background-position: -220px -188px; padding-top:108px;font-size:12px;}
footer .ewm3 { width: 108px; height: 138px; background-position: -332px -188px;padding-top:108px;font-size:12px; }
footer .ewm4 { width: 108px; height: 138px; background-position: -446px -188px;padding-top:108px;font-size:12px; }
footer .ewm5 { width: 108px; height: 138px; background-position: -559px -188px;padding-top:108px;font-size:12px; }
footer .ftitle { font-size: 24px; color: #555; line-height: 24px; padding: 24px 0; }
footer .flink { height: 46px; margin-bottom: 20px; }
footer .flink .linkb { float: left; width: 46px; height: 46px; margin: 0 10px; }
footer .flink .linkb.linkb_a { background-position: 0 -140px;/* box-shadow: 0 0 10px rgba(20,130,255,0.5);  */ }
footer .flink .linkb.linkb_b { background-position: -46px -140px; /* box-shadow: 0 0 10px rgba(239,14,26,0.5); */ }
footer .flink .linkb.linkb_c { background-position: -92px -140px; /* box-shadow: 0 0 10px rgba(149,204,38,0.5); */ }
footer .flink .linkb.linkb_d { background-position: -138px -140px; /* box-shadow: 0 0 10px rgba(52,188,27,0.5); */ }
footer .flink .linkb.linkb_e { background-position: -184px -140px; /* box-shadow: 0 0 10px rgba(254,115,0,0.5); */ }
footer .flink .linkb.linkb_f { background-position: -230px -140px; /* box-shadow: 0 0 10px rgba(20,55,114,0.5); */ }
footer .flink .linkb.linkb_g { background-position: -276px -140px; /* box-shadow: 0 0 10px rgba(251,118,38,0.5); */ }

/* 返回顶部 */
.gotop { display: none; z-index: 4; position: fixed; width: 54px; height: 76px; bottom: 10px; right: 10px; background: #4699f5 url(../images/top_bg.png) no-repeat center center; transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; cursor: pointer; }
.gotop:hover { background-color: #f70f0d; }

/* icon */
.myicon {
	display: inline-block;
	background: url(../images/icon1.png) no-repeat;
	vertical-align: middle;
	width: 20px;
	height: 20px;
}

.myicon.myicon-login {
	background-position: -22px 0;
}

.myicon.myicon-reg {
	background-position: 0 0;
}

.myicon.myicon-out {
	background-position: -46px 0;
}
/*底部小导航*/
.demos { margin-top: 30px; padding: 15px 20px; background-color:#f4f4f4;}
.demos dl { width: 224px;  *width: 215px;
margin: 10px; padding-right: 0px; border-right: 1px solid #ddd; }
.demos a { color: #333; }
.demos dt a { font-weight:bold; font-size:14px; padding-bottom:5px; display:block; }
.demos dd { position: relative; float: left; padding-top: 5px; }
.demos dd a { float: left; width: 100px; font-size: 12px; line-height: 25px; color: #606060; }
.demos dd.miscro-channel span { float: left; font-size: 12px; line-height: 25px; color: #606060; }
.demos dd.flow-us a { padding-left: 20px;  *width: 80px;
background-repeat: no-repeat; background-position: left center; }
.demos dd.flow-us a.sina-blog { background-image: url(../images/sina-blog.png); }
.demos dd.flow-us a.tecent-blog { background-image: url(../images/tecent-blog.png); }
.demos dd.flow-us a.app { width: 110px; background-image: url(../images/app.png); }
.demos dd.miscro-channel img { position: absolute; left: 118px; top: -20px; }
.demos .service { width: 220px; }
.demos .service b { display: block; margin-top: 10px; color: #333; font-size:14px; }
.demos .service strong {  margin-top: 10px; font-size: 22px; color: #f70f0d; display:block; }
.demos .service p{font-size:12px; color:#777;}
.demos .service a.service_kefu { float: right; margin-top: 10px; padding-left: 26px; font-size: 12px; color: #92928F; background-image: url(../images/common/cover-page-service-2.png); background-repeat: no-repeat; background-position: left center; display: block; width: 60px; height: 20px; line-height:20px; }
/*footer*/
/*cover-page-foot css*/
.cover-page-foot { padding-top: 20px;  font-size: 14px; color: #3A3A3A;  text-align: center;background-color:#fff; }
.cover-page-foot .subnav, .cover-page-foot .copyright { line-height: 30px; }
.cover-page-foot .address { line-height: 24px; }
.cover-page-foot .copyright, .cover-page-foot .address { color: #888; }
.cover-page-foot .subnav a, .cover-page-foot .subnav .copyright a, .cover-page-foot .subnav .address a { padding-right: 10px; padding-left: 5px; color: #333; border-right: 1px solid #ccc;font-size:14px; }
.cover-page-foot .subnav a.last { border-right: none; }
.cover-page-foot .verify { width: 800px; margin: 0 auto; padding-top: 15px; }
.cover-page-foot .verify a { float: left; padding-right: 20px; }
.shop-cart-foot { margin-top: 20px; padding-top: 20px; padding-bottom: 20px; line-height: 30px; text-align: center; }
.regist-process-foot { padding-top: 20px; padding-bottom: 20px; font-size: 12px; line-height: 30px; background-color: #F7F7F7; text-align: center; }