@charset "utf-8";
/* CSS Document */
body{
	font-size:12px;
	color:#686868;
	margin:0px;
	line-height:22px;
	background:#381f0e;
}

*{
	margin:0px;
	padding:0px;
}

ol li {
	margin-left: 15px;
	padding-left: 15px;
}

table {
    margin:5px auto;
	padding:0px;
}
td {
    line-height:25px;
}
img{/*让图片加连接的时候不显示边框，作用等同于“border=0”*/
	border:none;
}
h3 {
    color:#242B2D;
}
a{
	color:#686868;
	text-decoration:none;
}
a:hover{
    color:#ff5a00;
	text-decoration:underline;
}
.wrap {
    width:800px;
	margin:0 auto;
}
.wraptop {/*在head.html的头部背景设定，定义一个大框架，可根据浏览器的大小自适应宽度*/
    width:100%;
	background:url(../images/bg_top.gif) repeat-x;
}
.wrapfoot {
    width:100%;
}
.wrapfull {/**/
    width:1000px;
	margin:0 auto;
	background:url(../images/bg_body.gif) repeat-y;
}
.left {
	float:left;
}
.right {
	float:right;

}
.right_pc {
    float:right;
	margin-right:0;
    /*_margin-right:-50px;*/
}
.cen{
	text-align:center;
}
.clear{
	clear:both;/*当属性设置float（浮动）时，其所在的物理位置已经脱离文档流了，但是大多时候我们希望文档流能识别float（浮动），或者是希望float（浮动）后面的元素不被float（浮动）所影响，这个时候我们就需要用clear:both;来清除。*/
}
.null {
    height:0px; 
	overflow:hidden;
}
.b {
    font-weight:bold;
}
.orange {
    color:#FF7600;
}
.orange1 {
    color:#FF7600;
	font-size:14px;
}
.red {
    color:#FF0000;
}
.mtop {
    margin-top:10px;
}

#top {
    height:50px;/*设定了层的高度，跟头部图片的高度一致*/
}
#topl {
    float:left;/*(左浮动)他使得指定元素脱离普通的文档流而产生的特别的布局特性。并且FLOAT必需应用在块级元素之上，也就是说浮动并不应用于内联标签。或者换句话来说当应用了FLOAT那么这个元素将被指定为块级元素。*/
}
#topc {
    background:url(../images/bg_topc.gif) repeat-x;
    float:left;
    width:800px;
}
#topc .btn_help{
    float:right; 
	padding-right:30px; 
	padding-top:5px;
}
#topr {
    float:right;
}

#headad {
    background:url(../images/bg_topad.gif) repeat-y;
    height:137px;
}
#headad img{
    margin:0 0 0 15px; margin-top:-8px;*margin-top:0;
}
#nav {
    background:url(../images/bg_nav.gif) no-repeat;
}
#nav .nav {
	height:48px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#nav .nav ul {
	height:34px;
}
#nav .nav li {
    float:left;
	width:120px;
	height:34px;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	line-height:30px;
	margin:0 5px 0 0;
}
#nav .nav li a{
	height:34px;
	width:120px;
	color:#ffffff;
	display:block;
	text-decoration:none;
	background:url(../images/button_nav.gif) no-repeat;
}
#nav .nav li a:hover{
	background:url(../images/button_nav.gif) no-repeat 0 -34px;
}
#nav .nav .navnow a{
	background:url(../images/button_nav.gif) no-repeat 0 -68px;
}
#nav .nav .navnow a:hover{
	background:url(../images/button_nav.gif) no-repeat 0 -34px;
}
.affiche_box {
	background:url(../images/bg_affiche.gif) no-repeat ;
	margin:0px auto 10px auto;
	height:51px;
	width:760px;
	overflow:hidden;
}
.affiche{
	margin:15px  auto 0px auto;
}
.affiche ul {
}
.affiche li {
    margin:5px 0 0 60px;
	line-height:20px;
	height:20px;
	overflow:hidden;
	width:685px;
	overflow:hidden;
}
.affiche li span {
}
/* 首页 */
#wrap {
    background:#ece6dd;
	padding:0 10px;
	width:780px;
	height:auto;
}
#leftbar {
    width:520px;
	padding:0 0 10px 8px;
}
#leftbar h3{
	background:url(../images/title_intro.gif);
	width:515px;
	height:30px;
	font-size:15px;
	line-height:25px;
	padding:5px 0 0 20px;
}
#content {
	float:left;
	padding-bottom:2px;
	width:535px;
	margin:5px 0 0 0;
	background:url(../images/bg_contentb.gif) no-repeat bottom;
}
#content h2{
	color:#262321;
	font-weight:bold;
	width:535px;
	background: url(../images/title_content.gif) no-repeat;
	height:33px;
	font-size:13px;
}
#content h2 * {
	float:left;
	height:25px;
	cursor:pointer;
	overflow:hidden;
	line-height:25px;
	text-align:center;
	display:inline;
	width:118px;
}
#content h2 span {
	width:118px;
	height:28px;
	padding:5px 0 0 0;
}
#content h2 span.select.select{
	background: url(../images/button_contenttitle.gif) no-repeat 0 -33px;
}
#content h2 strong {
	height:28px;
	padding:5px 0 0 0;
}
#content h2 strong.select{
	width:118px;
}
#content h2 .select{
	background:url(../images/button_contenttitle.gif) no-repeat;
	border-bottom:1px solid #ffffff;
	color:#262321;
	font-weight:bold;
	height:28px;
	padding:5px 0 0 0;
}
#content .ph {
    border:1px solid #D2C7B7;
	border-top:none;
	border-bottom:none;
	background:#FFFFFF;
	padding:10px;
}
#content .phimg {
    background:url(../images/icon_contentline.gif) right no-repeat;
	padding:0 10px 0 0;
	width:225px;
	float:left;
}
#content .phabout{
    width:250px;
	display:inline;
	float:right;
	margin:15px 10px 0 0;
}
#content .phabout h5 {
    font-size:16px;
	color:#444444;
	margin:0 0 0 35px;
	line-height:35px;
}
#content .phabout ul{
    width:220px;
}
#content .phabout li {
    line-height:25px;
	margin:0 0 0 35px;
}
#content .phabout li span{
    font-weight:bold;
	width:70px;
	float:left;
}
#content .phabout img {
	margin:10px 0 0 0px;
}
#content .faq_flow {
    width:243px;
	background:#f3f3f3;
	margin:5px;
	float:left;
	display:inline;
	border:1px solid #CFCFCF;
}
#content .faq_flow h3 {
    width:auto;
	background:#E5E5E5;
	font-size:13px;
	height:20px;
	line-height:20px;
	color:#B10C0C;
	font-weight:normal;
	margin-bottom:5px;
}
#content .faq_flow h3 span{
	color:#B10C0C;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	margin:-22px 5px 0 0;
}
#content .faq_flow h3 a {
	color:#B10C0C;
	text-decoration:none;
}
#content .faq_flow h3 a:hover {
    color:#000000;
}
#content .faq_flow ul{
    padding:0 5px 5px 5px;
	height:65px;
	overflow:hidden;
}
#content .faq_flow ul li{
    height:23px;
	width:200px;
}
#content .faq_flow ul li a {
    color:#383838;
}
#content .faq_flow ul li a:hover {
    color:#B10C0C;
	text-decoration:none;
}
#intro {
	border:1px solid #D2C7B7;
	border-bottom:none;
	border-top:none;
	background:#ffffff;
	width:493px;
	padding:20px 20px 0 20px;
}
#intro p {
    border-bottom:1px solid #d7d7d7;
	padding:0 0 15px 0;
}
#intro h3 {
    font-size:13px;
	background:url(../images/icon_flow.gif) no-repeat 5px 5px;
	padding:0 0 0 20px;
	margin:5px 0 0 0;
	width:450px;
	height:25px;
}
#intro span {
}
#rightbar {
	padding:0 8px 0 0;
}
#rightbar h3{
    font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
    line-height:25px;
	height:27px;
	width:214px;
	text-align:center;
    background:url(../images/title_login.gif) no-repeat;
	margin-top:5px;
	position:relative;
	padding-top:5px;
}
#rightbar .ad {
    margin:10px 0 10px 0;
}
#login {
    background:url(../images/bg_login.gif) no-repeat;
	width:215px;
	height:auto;
	text-align:center;
	padding:15px 0 0 0;
	margin-top:-5px;
}
#login h4{
    color:#FF0000; 
	font-weight:bold;
	font-size:14px;
}
#login .text{
	width:95%;
	text-align:left;
	margin: 0 auto 0 auto;
}
#login .btnBox{
    width:72px;
	height:24px;
	border:1px solid #ccc;
	background:url(../images/icon_black.gif) no-repeat;
}
#login a{
   font-weight:bold;
   color:#333333;
}
#login a:hover{
   color:#FF6600;
}
#flowOn img{
    border:0px;
}
#flowOn {
     width:533px;
    margin:auto auto;
}
#flowOn li{
    float:left;
}
/* 页底开始 */
#footer {
    background:url(../images/main_72.jpg) no-repeat 2px 0;
	
	width:1000px;
	margin:auto auto;
}
#footerc {
    width:800px;
	height:70px;
	text-align:center;
	line-height:25px;
	color:#a5815d;
	padding:10px 0 5px 0;
	margin:auto auto;
}
#footerc a{
   font-weight:bold;
   color:#a5815d;
}
#footer .copyright{
    color:#a5815d;
	width:400px;
	margin:0 auto;
	font-weight:normal;
}
/* 页底结束 */
/* 产品介绍 */
#introco {
	width:800px;
	height:auto;
	margin:0 auto;
    background:#ece6dd;
	padding-bottom:10px;
}
#productintro {
    background:url(../images/bg_introco.gif) repeat-x #ECE6DD;
	width:774px;
	height:auto;
}
#productintro .intro {
    background:#ffffff;
	padding:10px 20px;
	width:707px;
	margin:0 auto;
	color:#000000;
}
#productintro .intro h4{
    background:url(../images/icon_flow.gif) no-repeat 0 5px;
	line-height:23px;
	padding:0 0 0 20px;
	font-size: 12px;
	margin:5px auto;
}
#productintro .intro ul{
    padding:10px;
}
#productintro .intro li{
    padding:15px;
	float:left;
	display:inline;
}
#productintro .introph1 {
    margin:0px auto;
	background:#F0EFEF;
	width:747px;
	overflow:hidden;
	border-left:1px solid #E0D5C5;
	border-right:1px solid #E0D5C5;
	border-top:none;
}
#productintro .introph {
    margin:0px auto;
	background:#ffffff;
	width:747px;
	overflow:hidden;
	border-top:none;
}
#productintro .intro p img {
    float:right;
	width:360px;
	height:350px;
	padding: 0 10px 5px 25px;
}
/*#introco h3 {
	background:url(../images/bg_introph.gif);
	height:30px;
	font-size:15px;
	line-height:25px;
	width:729px;
	padding:5px 0 0 20px;
    margin:10px auto 0 auto;
}*/
#product_table {
	border:1px solid #3b280d;
	margin:0px auto;
}
#product_table th{
   background-color:#c2a776;
   font-weight:bold;
   text-align:center;
}
#product_table tr{
    border:1px solid #D3D3D3;
}
#product_table td{
	background:#e2d9ba;
}
#product_table .menu1 {
    background: url(../images/bg_product_menu1.gif) repeat-x;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
}
#product_table .menu2 {
    background: url(../images/bg_product_menu1.gif) repeat-x 0 -28px;
	border-right:1px solid #3b280d;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	overflow:hidden;
}
#product_table .menu tr{
    border:1px solid #cccccc;
	background:#FFCC99;
} 
#product_table .menu td{
    border:1px solid #efefef;
} 
#product_table .menu3 {
    width:128px; 
	height:20px; 
	background:url(../images/bg_product_menu2.gif) no-repeat; 
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}
#product_table .content_m{
    background:#c2a776;
	height:20px;
	overflow:hidden;
}
#introco .space{
	width:755px;
    margin:0 auto;
}
#productintro .introimg {
    float:left;
	padding:15px;
	text-align:center;
	margin:auto auto auto 15px;
}
#productintro .introtext {
    color:#000000;
    width:340px;
	float:right;
	padding:10px;
	margin:auto 30px auto auto;
}
#productintro .introtext ul {
    margin:10px 0 0 0;
}
#productintro .introtext li {
    background:url(../images/icon_flow.gif) no-repeat 0 7px;
    line-height:25px;
	padding:0 0 0 20px;
}
#productintro .introtext dl {
    margin:5px auto;
}
#productintro .introtext dd{
	padding:0 0 0 60px;
	line-height:25px;
}
#productintro .ph {
}
#productintro .ph_l {
    float:left;
	padding:15px;
	text-align:center;
	margin:15px;
	background:url(../images/icon_product_line.gif) no-repeat right;
}
#productintro .ph_r {
    color:#000000;
    width:430px;
	float:right;
	padding:10px;
	margin:20px 35px auto auto;
}
#productintro .ph_r ul {
    margin:10px auto;
}
#productintro .ph_r li {
    background:url(../images/icon_flow.gif) no-repeat 0 7px;
    line-height:25px;
	padding:0 0 0 20px;
}
#productintro .ph_r dl {
    margin:5px auto;
}
#productintro .ph_r dd{
	padding:0 0 0 5px;
	line-height:25px;
}
#product_link {
    margin:10px auto;
	width:670px;
}
.product_title {
    background:url(../images/icon_mytitle.gif) no-repeat 5px 3px #EDECEC;
	height:25px;
	padding:5px 0 0 25px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	width:645px;
	margin:0 auto;
	overflow:hidden;
}
.product_flow {
	width:670px;
	margin:0 auto;
}
.product_flow h3 {
    background:none;
	font-size:14px;
	font-weight:bold;
	width:660px;
	margin:10px 5px;
}
.product_flow ul {
	margin:5px auto;
}
.product_flow li {
    line-height:25px;
	padding:0 0 0 45px;
	width:480px;
}
.product_btn {
    margin:0 auto;
	width:670px;
	border-top:2px solid #cccccc;
	text-align:center;
}
.product_btn span {
    margin:0 5px;
}
.product_function {
    margin:0 auto;
	width:650px;
}
.product_function ul {
    margin:10px auto;
}
.product_function li{
    background:url(../images/icon_flow.gif) no-repeat 0 7px;
	line-height:28px;
	height:28px;
	width:480px;
}
.product_function li span{
    font-size:13px;
	font-weight:bold;
	color:#000000;
	padding:0 5px 0 20px;
}
.product_function li a{
    color:#000000;
}
.product_function li a:hover {
    color:#ff0000;
	text-decoration:none;
}
#shortcutmenu {
	height:150px;
	float:right;
	text-align:left;
	width:100px;
	margin:-230px 0 0 0;
}
#shortcutmenu  ul {
	width:32px;
}
#shortcutmenu  ul li {
    float:left;
	width:32px;
	padding:0 5px 0 0;
}
/* 新闻页面 */
#newesbox {
	width:800px;
	height:auto;
	margin:0 auto;
    background:#ece6dd;
	padding-bottom:10px;
}
#newes {
    background:url(/for_3rd_party/srocn/images/bg_introco.gif) repeat-x #ECE6DD;
	width:775px;
	height:auto;
	margin:0 auto;
}
.newes {
    background:#ffffff;
	width:747px;
	margin:0 auto;
	color:#000000;
	min-height:550px;
}
.newes h3{
    border-bottom:1px solid #cccccc;
	padding-bottom:5px;
	font-size:15px;
	margin:0 auto;
	text-align:center;
	width:90%;
}
.newes h3 span {
    display:block;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#cccccc;
}
.newes p {
	width:90%;
	margin:10px auto 0px auto;
}
.newes ul{
	width:90%;
    margin: 0 auto;
}
.newes li {
    line-height:30px;
	border-bottom:1px dashed #6B6D73;
	height:30px;
	padding:0 5px 0 20px;
	background:url(../images/icon_flow.gif) no-repeat 2px 9px;
	width:480px;
}
.newes li a{
    display:block;
}
.newes li a:hover{
    display:block;
	background:#f3f3f3;
}
.newes ul li span{
    float:right;
	width:80px;
	text-align:right;
}
/* 我的密宝 */
#my {
	width:800px;
	margin:0 auto;
    background:#ece6dd;
}
#mybox {
    background:url(../images/bg_introco.gif) repeat-x #ECE6DD;
	width:774px;
	padding-bottom:10px;
	height:auto;
}
.mybox {
    margin:0px auto;
	width:748px;
}
.myleft {
	width:201px;
	overflow:hidden;
	border:1px solid #ada274;
	border-top:none;
	border-bottom:none;
	background:#e2d9ba;
	padding:10px;
}
.myleftad {
	width:201px;
	overflow:hidden;
	border:1px solid #E0D5C5;
	border-top:none;
	border-bottom:none;
	background:#ffffff;
}
.myright {
	border:1px solid #E0D5C5;
	border-top:none;
	border-bottom:none;
	background:#ffffff;
	padding:10px;
	width:489px;
	height:auto;
	/*height:700px;*/
}
.myenter {
    background:url(../images/bg_myenter.gif) no-repeat ;
	width:448px;
	height:59px;
	padding:15px 0 0 35px;
}
.myenter span {
    font-size:15px;
}
.myenter a{
    font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}

.myinfo {
	border-left:1px solid #B6B5B4;
	border-right:1px solid #B6B5B4;
	background:#ffffff;
	margin:0 0 0 5px;
	padding:0 5px;
	width:462px;
	height:auto;
	overflow:hidden;
}
.faq_title {
	height:35px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	width:430px;
	margin:0 auto;
	overflow:hidden;
}
.faq_title a {
    background:url(../images/icon_flow.gif) no-repeat 5px 5px #EDECEC;
    display:block;
	line-height:25px;
	padding:0px 0 0 25px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:10px auto;
	overflow:hidden;
}
.faq_title a:hover {
    color:#FF6600;
    background:url(../images/icon_flow.gif) no-repeat 5px 5px #f3f3f3;
}
.myinfo span{
    margin:0 0 0 0px;
}
.mytype {
    padding:0 0 10px 20px;
	height:auto;
	width:430px;
}
.mytype span{
    font-weight:bold;
	font-size:13px;
}
.mytype dl {
}
.mytype dt {
    margin:5px auto;
}
.mytype dd {
	padding:0 0 0 20px;
	width:390px;
}
.mytype ul {
    margin:0px auto;
	padding:10px 0;
	width:380px;
	height:auto;
	text-align:center;
}
.mytype li {
    float:left;
	width:380px;
	line-height:35px;
	text-align:center;
}
.mytype li span {
    float:left;
	width: 110px;
	text-align:left;
	margin:0px 0 0 0;
}
.mytype h3 {
    font-size:15px;
	border-bottom:1px solid #cccccc;
	padding:0 15px 0 20px;
	margin-bottom:5px;
	width:395px;
	background:url(../images/icon_flow.gif) no-repeat 5px 5px;
	font-weight:bold;
	color:#FF6600;
}
.mytype table {
  
	margin:10px auto;
}
.mytype tr {
   border-bottom:1px solid #efefef;
}
.mytype td {
    padding:5px;
}
.mytype p a{
   text-decoration:underline;
}
.mytype p span{
   /*float:right;*/
   width:150px;
}
.mytype table h3 {
    background:url(../images/gif-0429.gif) no-repeat 5px 5px #efefef ;
	width:390px;
	font-size:13px;
	border:none;
	padding: 0 0 0 35px;
	line-height:30px;
	height:30px;
}
.mytype_list {
    text-align:center;
}
.mytype_list td {
	border:1px solid #cccccc;
}
.mytype_list1 {
    text-align:center;
	width:420px;
	border:1px solid #ccc;
   border-collapse:collapse;
}
.mytype_list1 td {
	border:1px solid #cccccc;
}
.mytype_list1 thead{
   font-weight:bold;
   background-color:#666666;
   color:#FFFFFF;
}
.mytype_list1 th{
   background-color:#efefef;
   font-weight:bold;
   font-size:14px;
   color:#FF6600;
   line-height:30px;
}
.mytitle {
    background: url(../images/icon_mytitle.gif) no-repeat 8px 5px #EDECEC;
	height:30px;
	width:420px;
	line-height:30px;
	overflow:hidden;
	padding:0 0 0 10px;
	margin:0px auto 5px auto;
}
.q {
	background:url(../images/icon_q.gif) no-repeat 0 3px;
	cursor: pointer;
	margin:3px 0 0 0;
}
.a {
    background:url(../images/icon_a.gif) no-repeat 0 3px #f3f3f3;
	margin:5px auto 5px 18px;
	border:#cccccc 1px solid;
}
.faqtitle {
    margin:0px auto 5px auto;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.myenter1{
    background:url(../images/bg_mysearch.gif) no-repeat ;
	width:448px;
	height:59px;
	padding:15px 0 0 35px;
}
.myenter1title {
	font-size:15px;
	background:url(../images/bg_mysearch.gif) no-repeat ;
	width:448px;
	height:59px;
	padding:22px 0 0 35px;
}
.mycontact {
    background:url(../images/bg_myinfob.gif) no-repeat;
	height:35px;
	padding:5px 0 0 75px;
}
.mycontact1{height:35px;
	padding:5px 0 0 75px;
	}
.mysearch {
    background:url(../images/bg_search.gif) no-repeat;
	width:366px;
	height:35px;
}
.mysearch input{
}
.mytext {
    margin:6px 0 0 8px;
	height:18px;
	width:270px;
	border:none;
	background:#ffffff;
}
.mysearchbtn {
    background:url(../images/btn_search.gif) no-repeat 0 0px;
	border:none;
	width:69px;
	height:21px;
	margin:7px 0 0 5px;
	cursor:pointer;
}
.mybtn {
	background:url(../images/btn_mybtn.gif) repeat-x 0 0px;
	border:none;
	width:123px;
	height:34px;
	margin:7px auto;
	line-height:35px;
	font-weight:bold;/*
	border:1px solid #E1E0D2;*/
	cursor:pointer;
}
.gay{
	background:#edecec;
	}
.mytyletitle{
	font-size:12px;
	font-weight:bold;
	height:22px;
	}
.mytyletitle span{ font-size:14px;
}
/*使用指南*/
.ph{
	background:url(../images/bg_ph_help.gif) no-repeat ;
	}
.pc{
	background:url(../images/bg_pc_help.gif) no-repeat ;
}
.usb{
	background:url(../images/bg_usb_help.gif) no-repeat ;
}
.hw1{
	background:url(../images/bg_hw_help.gif) no-repeat ;
}
.reg{
    background:url(../images/bg_login_help.gif) no-repeat ;
}
/*客户服务*/
#faq {
    margin:0px auto;
	padding:5px 0px;
}
#faq h3 {
    font-size:12px;
	background:url(../images/icon_q.gif) no-repeat 0 3px;
	padding:0 0 0 20px;
	margin:3px auto;
	border:none;
	font-weight:normal;
}
#faq dd.kfhover dl {
    left:auto
}
#faq dl.collapsed {
	display:none;
}
#faq a:hover {
    text-decoration:none;
	color:#585858;
}
.kfmenu { 
}
.kfmenu h3 {
    background:url(../images/bg_mynav.gif) no-repeat;
	width:194px;
	height:36px;
	text-align:center;
	line-height:35px;
	margin:5px;
	font-size:16px;
}
.kfmenu li {
    font-size:13px;
	font-weight:bold;
	text-align:left;
	background: url(../images/icon_kfarrow.gif) no-repeat 0 7px;
	padding: 0 0 0 15px;
	margin:2px 0 0 55px;
	line-height:25px;
	height:25px;
	overflow:hidden;
}
.kfmenu li a{
    display: inline;
} 
.kfmenu a {
	color:#262321;
	display:block;
}
.kfmenu a:hover {
    color:#ff5a00;
}
.phservice {
	background:url(../images/bg_service_ph.gif) no-repeat ;
}
.pcservice {
	background:url(../images/bg_pc_service.gif) no-repeat ;
}
.hwservice {
	background:url(../images/bg_service_hw.gif) no-repeat ;
}
.usbservice {
	background:url(../images/bg_service_usb.gif) no-repeat ;
}
.regservice {
	background:url(../images/bg_reg_service.gif) no-repeat ;
}
.hotservice {
	background:url(../images/bg_hot_service.gif) no-repeat ;
}
.loginservice {
    background:url(../images/bg_login_service.gif) no-repeat ;
}
.yoo-eservice {
    background:url(../images/bg_yoo-e_service.gif) no-repeat ;
}
.mbkservice {
    background:url(../images/bg_mbk_service.gif) no-repeat ;
}
/* 使用指南 */
#useflowbox {
   width:440px;
   margin:5px auto auto auto;
}
.flowleft{
   float:left;
   width:155px;
   margin:5px auto;
}
.flowright{
   float:right;
   width:265px;
   line-height:25px;
}
/* 获取密宝*/
#dlbox{
	padding-bottom:2px;
	padding-top:0px;
	width:747px;
	margin:0px auto;
	background:#ffffff;
	overflow:hidden;
}
#download {
    margin:0px auto 0px auto;
}
#download h2{
	color:#262321;
	font-weight:bold;
	width:720px;
	margin:0 auto;
	background:#ffffff;
	height:35px;
	font-size:13px;
	overflow:hidden;
	background:url(../images/bg_download_line.gif) repeat-x bottom;
}
#dl_title {
	color:#262321;
	font-weight:bold;
	width:720px;
	height:30px;
	font-size:13px;
	overflow:hidden;
	background:url(../images/bg_download_line.gif) repeat-x bottom;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#dl_title1 {
    color:#262321;
	font-weight:bold;
	width:720px;
	margin:15px auto auto auto;
	height:16px;
	font-size:13px;
	overflow:hidden;
	background:url(../images/bg_download_line.gif) repeat-x bottom;
}
#dl_title ul{
}
#dl_title li {
	float:left;
	height:30px;
	cursor:pointer;
	line-height:30px;
	text-align:center;
	display:inline;
	width:94px;
	margin:0 5px 0 0;
}
#dl_title li a {
    width:94px;
	height:30px;
	line-height:30px;
	display:block;
	text-decoration:none;
	background: url(../images/button_product.gif) no-repeat 0 -39px;
}
#dl_title li a:hover {
    background:url(../images/button_product.gif) no-repeat;
	text-decoration:none;
	display:block;
	height:30px;
	line-height:30px;   
}
#dl_title .title_now a{
    background:url(../images/button_product.gif) no-repeat;
	text-decoration:none;
	display:block;
	height:30px;
	line-height:30px;
	color:#FF6633;
}
#dl_title .title_now li a:hover {
    width:94px;
	height:30px;
	line-height:30px;
	display:block;
	background: url(../images/button_product.gif) no-repeat 0 -39px;
}
#download h2 * {
	float:left;
	height:25px;
	cursor:pointer;
	overflow:hidden;
	line-height:25px;
	text-align:center;
	display:inline;
	width:94px;
	margin:0 5px 0 0;
}
#download h2 span {
	width:94px;
	height:28px;
	padding:5px 0 0 0;
	background: url(../images/button_product.gif) no-repeat 0 -39px;
}
#download h2 span a:hover{
	background:url(../images/button_product.gif) no-repeat 0 -5px;
	height:28px;
	border-bottom:1px solid #ffffff;
}
.download_box {
    width:718px;
	height:490px;
	border:1px solid #D2C7B7;
	border-top:none;
	margin:0 auto;
	overflow:hidden;
}
.download_box1 {
    width:718px;
	height:auto;
	border:1px solid #D2C7B7;
	border-top:none;
	margin:0 auto;
	overflow:hidden;
}
.download_flow {
    background:url(../images/bg_download_flow.gif) repeat-x;
	height:85px;
	padding:5px;
}
.download_flow h4 {
    margin:25px 0px 0px 25px;
	width:auto;
	font-size:13px;
}
.download_flow h4 img{
    padding:0 10px;
}
.download_title {
	background:url(../images/title_download_ph.gif) no-repeat;
	height:35px;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	width:670px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 50px;
}
.wap {
    width:630px;
	border:1px solid #cdcdcd;
	margin:5px auto 10px auto;
	height:auto;
}
.wap h3 {
    height:25px;
	background:#cdcdcd;
	padding:0 10px;
	font-size:13px;
	line-height:25px;
}
.wap h3 span {
    background:#ffffff;
	height:22px;
	width:50px;
	padding:2px 2px 2px 5px;
	margin:0 5px 0 0;
	line-height:22px;
}
.wap_input {
    width:580px;
	text-align:center;
	margin:10px;
}
.wap_l {
    width:170px;
	padding:3px;
	float:left;
}
.wap_r {
    width:420px;
	padding:3px;
	float:right;
	margin:10px auto auto auto;
}
.hw {
    width:650px;
	margin:5px auto 10px auto;
	height:auto;
}.hw td{
    height:35px;
	padding:0 0 0 5px;
}
.text_email {
    border:1px solid #ACACAC;
	padding:3px;
	height:20px;
	line-height:20px;
	margin:0 15px 0 0;
}
.download_wap {
    background:url(../images/button_download_wap.gif) no-repeat;
	border:none;
	width:143px;
	height:27px;
	font-weight:bold;
}
.dlimg {
    background:#ffffff;
	width:747px;
	margin:0 auto;
	color:#000000;
}
.dlimg ul li {
    height:69px;
	text-align:center;
}
#flow {
    background:url(../images/bg_flow.gif) repeat-x;
	height:93px;
	margin:10px auto auto auto;
	text-align:center;
}
#flow .flow {
	height:93px;
	margin:10px auto;
	text-align:center;
}
.flow_btn {
    background:url(../images/button_flow_next.gif) no-repeat;
	height:26px;
	width:143px;
	border:none;
	cursor:pointer;
	font-weight:bold;
}
#flow .flow span {
    padding:10px 15px;
}
#flow_table {
    line-height:35px;
	width:500px;
	margin:15px auto;
	border:1px solid #dddddd;
	font-size:12px;
}
#flow_table td{
    line-height:40px;
	padding-left:15px;
}
#flow_table .text {
    height:20px;
	width:150px;
	padding:3px 0 0 5px;
}
#flow_table1 {
    line-height:35px;
}
#flow_table1 input {
    height:15px;
	width:150px;
	padding:2px 0 0 3px;
}
/* 使用指南 */
.helpbox {
   padding:10px;
   text-align:left;
}
.helpbox ol{
   color:#333333;
}
.helpbox ol li{
   /*vertical-align: top;
   display: list-item;*/
   margin-left:25px;
   /*width:400px;*/
}
.helpbox h3{
	font-size:15px;
	border-bottom:1px solid #cccccc;
	padding:0 15px 0 20px;
	margin-bottom:5px;
	width:395px;
	background:url(../images/icon_flow.gif) no-repeat 5px 5px;
	font-weight:bold;
	color:#FF6600;
}
.helpbox font{ color:#FF6600; font-size:12px;}
/* 投诉建议 */
.msg {
   margin:0 auto;
}
.msg ul {
    margin:0px auto;
	padding:10px 0;
	width:410px;
	height:auto;
	text-align:center;
}
.msg li {
    float:left;
	width:380px;
	line-height:35px;
	text-align:left;
}
.msg li span {
    float:left;
	width: 60px;
	text-align:left;
	margin:0px 0 0 0;
}
.msgtext {
    width:300px;
	height:100px;
	overflow-y:scroll;
}
/* 新手指南 */
#newuser {
	width:747px;
	margin:0 auto;
}
.newuser {
	color:#000000;
	height:37px;
	overflow:hidden;
	background:url(../images/bg_newuser_headr.gif) no-repeat right #ACACAC;
}
.newuser span {
    padding:0px;
}
.newusernav {
    height:65px;
	background:url(../images/bg_newuser_navr.gif) no-repeat right #E6E7E7;
	
}
.newusernav img {
	margin:2px 20px;
}
.newusercontent {
	background:url(../images/bg_newuser_contentr.gif) no-repeat right #ffffff;
	height:480px;
}
.mewuserbox {
	background:url(../images/bg_newuser_contentl.gif) no-repeat left;
	height:480px;
	width:715px;
	padding: 0 0 0 13px;
}
.mewuserbox h2{
	color:#262321;
	width:726px;
	font-weight:bold;
	background:#FFF2CC;
	height:33px;
	overflow:hidden;
	font-size:13px;
	float:left;
	display:inline;
}
.mewuserbox h2 * {
	float:left;
	height:25px;
	cursor:pointer;
	overflow:hidden;
	line-height:25px;
	text-align:left;
	display:inline;
	width:118px;
}
.mewuserbox h2 span {
	background: url(../images/bg_newuser_step.gif) no-repeat 0px -30px;
	width:88px;
	height:30px;
	padding:7px 0 0 0px;
	color:#676767;
}
.mewuserbox h2 span.select.select{
	background: url(../images/bg_newuser_step.gif) no-repeat 0px 2px;
	text-align:left;
	color:#FF7900;
}
.mewuserbox h2 strong {
	background: url(../images/bg_newuser_step.gif) no-repeat 0px -30px;
	width:75px;
	height:25px;
	padding:7px 0 0 13px;
	color:#676767;
}
.mewuserbox h2 strong.select{
	background: url(../images/bg_newuser_step.gif) no-repeat 0px 2px;
	width:75px;
	height:25px;
	overflow:hidden;
	color:#FF7900;
	padding:7px 0 0 13px;
}
.mewuserbox h2 .select{
	background: url(../images/bg_newuser_step.gif) no-repeat 0px 2px;
	color:#676767;
	font-weight:bold;
	height:25px;
	padding:7px 0 0 0;
}
.newuserimg {
	width:720px;
	height:445px;
	text-align:center;
}
/* 新手指南结束 */
.btn{
	width:186px;
	height:35px;
	background-image:url(../images/button_bg.gif);
	border:0px;
	font-weight:bold;
	cursor: pointer;
}
.tabt01{
	background-color:#404040;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}
.tabt02{
	background-color:#878787;
	color:#fff;
	text-align:center;
}
.tabt03{
	background-color:#d4d4d4; 
	color:#686868;
	text-align:center;
}

#right_floatdiv {
	z-index:20;
	width:40px;
	position:absolute;
	top:250px;
	height:200px;
}
#right_floatdiv img {
    margin:5px auto;
}
.sevice_link {
    width:90%;
}
.sevice_link img {
    margin:5px;
}
.pay_choose {
    width:95%;
}
.pay_choose span {
    line-height:50px;
	height:50px;
}
/* 首页产品JS效果 Focus_change style */
#focus_change {
    position:relative;
	width:533px;
	height:262px;
	overflow:hidden;
	margin:0px 0px 10px 1px;
}
#focus_change_list {
    position:absolute;
	width:2932px;
	height:262px;
	background:#6F8170;
	overflow:hidden;
}
#focus_change_list li {
	float:left; 
}
#focus_change_list li img {
	width:533px;
	height:262px;
}
.focus_change_opacity {
	position:absolute;
	width:533px;
	height:70px;
	top:193px;
	left:0;
	background:#000000;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
}
#focus_change_btn {
	position:absolute;
	width:533px;
	height:65px;
	top:192px;
	left:0;
}
#focus_change_btn ul {
	padding-left:5px;
}
#focus_change_btn li {
	display:inline;
	float:left;
	margin:0 5px;
	padding-top:12px;
}
#focus_change_btn li img {
	width:73px;
	height:45px;
	border:2px solid #888;
}
#focus_change_btn .current {
	background:url(../images/icon_arrow.gif) no-repeat 37px 8px;
}
#focus_change_btn .current img {
	border-color:#EEE;
}
#login_member {
    background:#ffffff;
	width:755px;
	margin:0 auto;
}
#login_member .headimg {
    margin:0 auto;
}
.login {
    margin:0 auto;
	width:460px;
}
#login_member .btn {
    background:url(../images/button_login.gif);
	width:114px;
	height:39px;
	border:none;
	cursor:pointer;
}
#login_member .text {
    padding:5px 8px 2px 8px;
	background: url(../images/bg_login_m_text.gif) repeat-x #FFFFFF;
	color:#0a0a0a;
	border:1px solid #b2b2b2;
	height:25px;
	line-height:25px;
    font-size:12px;
	width:130px;
}
#link {
    background:#595959;
	color:#d1d1d1;
	width:325px;
	margin:0 auto;
	padding:0 10px;
	font-weight: bold;
}
#link a {
	color:#d1d1d1;
	text-decoration:none;
}
#link a:hover{
	color:#ffffff;
	text-decoration:none;
}
#link span {
    background:#FFCC33;
	padding:0 5px;
	color:#FF3300;
}
.kefu_ad {
	background:url(../images/icon_kfcontact.gif) no-repeat 5px 0;
	height:75px;
	padding:35px 0 0 12px;
	color:#000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
}

.link_l a{
	color:#686868;
	text-decoration:underline;
	font-weight:bold;
}
.link_l a:hover{
    color:#ff5a00;
	text-decoration:underline;
}
#error_box {
    padding:20px 0px;
}
#error {
    margin:30px auto;
	width:370px;
	background:#F0EFEF;
	border:1px solid #cccccc;
	padding:15px;
}
#error span{
    font-size:16px;
	font-weight:bold;
	line-height:25px;
	color:#FF6600;
	margin:0px;
}
#error_box_data {
	padding:20px 0px;
}
/*change_to*/
.changetitle{
	font-size:12px;
	color:#8c6d27;
	font-weight:bold;
	margin:10px;
	text-align:left;
}
.changelist{
	border:1px solid #996600;
	border-collapse:collapse;
}
.changelist .caption{
	padding-top:3px;
	padding-bottom:2px;
	color: #330000;
		 font-weight:bold;
		 font-size:12px;
		background-color:#D9CAA8;
		border:1px solid #996600;
		text-align:center;}
.changelist .caption2{ color: #330000;
					 font-weight:bold;
					  font-size:12px;
					 background-color:#f0e8d6;
                      text-align:center;}
.changelist td{border:1px solid #996600;
               height:20px; 
			   font-size:12px;
			   color: #666;
			   text-align:center;}
.changelist td span{
      font-weight:normal;
}
.changelist ul, .changelist li{
       width:120px;
}
.changeAttention{ color:#CC0000; font-size:12px;}
/*充值页面*/
.payleftbox{
	background-image:url(../images/permit_tag2_back_2.jpg);
	background-repeat:no-repeat;
	width:207px;
	height:180px;
	text-align:left;
	float:left;
	margin:3px;
}
.payrightbox{
	background-image:url(../images/permit_tag2_back_2.jpg);
	background-repeat:no-repeat;
	width:207px;
	height:180px;
	text-align:left;
	float:right;
	margin:3px;
}
.payrightbox a{ 
	color:#CC0000;
	text-decoration:underline;
}
.payrightbox a:hover{ 
	color: #FF9900;
}
.payboxtitle{
	background-image:url(../images/icon_orange.gif);
	background-repeat:no-repeat;
	font-size:14px;
	padding-left:25px;
	font-weight: bold;
	height:20px;
	width:150px;
	margin-left:3px;
	color:#666666;
	margin-top:10px;
}
.paytitle{ 
	background-image:url(../images/icon_green.gif);
	background-repeat:no-repeat;
	font-size:14px;
	padding-left:25px;
	font-weight: bold;
	height:20px;
	width:150px;
	margin-left:3px;
	margin-top:10px;
	color:#666666;
}
.paybtn{  
	width:77px;
	height:22px;
	background-image:url(../images/btn_pay.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	border:0px;
	cursor:pointer;
}
.paybg{
	background-color: #decfae;
	color:#000000;
}
#ad{
height:65px; width:535px;  margin-top:10px;
}

.productcount_width { 
	width: 30px;
	text-align:center;
}
.address_width { 
	width: 250px; 
}
.zipcode_width { 
	width: 80px; 
}

/* 以下是从威客效果上参考过来的样式*/
.err{color:red;}
.preview_historyback {background:url(../images/history_back.gif) no-repeat; color:#FFFFFF;border:none;width:108px;height:30px;font-weight:bold;}
.preview_confirm {background:url(../images/confirm.gif) no-repeat; color:#FFFFFF;border:none;width:108px;height:30px;font-weight:bold; }
#wxtspre{width:500px; height:80px; margin:auto; line-height:25px; border:#CCCCCC 1px dashed; padding-left:10px; color:#000000; margin-bottom:5px; padding-top:3px;}
#wxtsprepay{width:510px; height:135px; margin:auto; line-height:25px; border:#CCCCCC 1px dashed; padding-left:10px; padding-right:5px; color:#000000; margin-bottom:5px; padding-top:3px;}
#wxtsprepay div{text-align:left;}
.download_sta{width:650px; height:27px; line-height:27px; margin:auto; padding-left:50px; color:#993300; padding-top:5px; font-size:13px; font-weight:bold}
#ordermesage{ background-color:#f0e8d6; text-align:center; font-weight:bold; color:#333333}

.blueB {
	font-weight: bold;
	color: #0000FF;
}
.big_button {
    background:url(../images/big_button.gif) no-repeat;
	border:none;
	width:143px;
	height:27px;
	font-weight:bold;
}
.table {
	padding: 5px;
	border: 1px solid #996600;
	width: 650px;
}

/*z.w*/
.activity{
	width:100%;
	text-align:center;
	padding:5px 0;
}
.include{margin-top:-26px;}

.pos{
	vertical-align:-10px;
	*vertical-align:;}


#rechar_blank_card .direImage,
#count_card .direImage,
#rechar_phone .direImage,
#rechar_phone_message .direImage,
#rechar_count_card .direImage{
	text-align:center;
	}
#rechar_blank_card .direImage img,
#count_card .direImage img,
#rechar_phone .direImage img,
#rechar_phone_message .direImage img,
#rechar_count_card .direImage img{
	border:2px solid #ccc;
	} 
#rechar_blank_card .direImage p,
#count_card .direImage p,
#rechar_phone .direImage p,
#rechar_phone_message .direImage p,
#rechar_count_card .direImage p{
	margin-bottom:10px ;	
		color:#900;
		font-weight:bold;
	}
#rechar_blank_card .mytype h3,
#count_card .mytype h3,
#rechar_phone .mytype h3,
#rechar_phone_message .mytype h3,
#rechar_count_card .mytype h3{
	background-position:0 5px
	}
#rechar_blank_card .mytype,
#count_card .mytype,
#rechar_phone .mytype,
#rechar_phone_message .mytype,
#rechar_count_card .mytype{
	padding-left:0;
	}