/*----------------------------
last edited: Kevin 
upload date: 2015-12-26
----------------------------*/

@charset "utf-8";

/*全局控制*/
body{margin:0px;padding:0;font-size:14px;line-height:22px;background:#f4f4f4;font-family:"微软雅黑",Arial,"宋体";-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;vertical-align:middle;}img{border:0;}ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}


/*头部区域*/
.header{
	width: 980px;
    height: 300px;
    margin: 0 auto;
    position: relative;
    }
.header .top{background-color:#f2f2f2;}
.header .head{	width: 1001px;	margin:0 auto;	}
.header h1{width: 980px;
    height: 300px;
    float: left;}
.header h1.logo{background:url(../images/logo.png) no-repeat;}
.header .txt{position: absolute;
    width: 260px;
    top: 8px;
    right: 16px;
    text-align: center;
    color: #FFF;
    _display: inline-block;
    background-color: #70af00;
    border-radius: 5px;}
.header a{color:#ccc;}
.header .txt span{padding:0 10px;}
.header .tel{	display:none;}

.navBg{	background: #338F07;
    margin: 0 auto;
    width: 980px; height:35px; line-height:35px;padding-top:5px;
}
.nav{font-family:"微软雅黑";}
.nav li{float:left;}
.nav li a{display:block;width:100px; height:35px;text-align:center;font-size:16px;color:#FFF;}
.nav li a:hover, .nav li a:hover.on{ color:#39F;}
.nav li a.on{
	background: #fff;
    color: #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}
.nav li a.on2{color:#39F;}
.nav li:hover.on{color:#39F; background: #fff;
    color: #000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;}
.nav li ul{display:none;position:absolute;z-index:9999;} 
.nav li ul li{float:none;display:block;position:relative;line-height:20px;_display:inline;} 
.nav li ul li .s{position:absolute;top:0;left:140px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li ul li a{display:block;background:#333;text-align:left;font-weight:normal;font-size:12px;}
.nav li ul li a:hover{color:#f10000;}
.nav .t,.nav .t:hover{background:url(../images/nav_ico.gif) no-repeat 120px center #333;}

/*头部区域*/
.headerBackground {z-index:-1; position:absolute; width:100%; height:170px; }
.headerBackground_headArea {position:relative; width:100%; height:120px; background:#FFFFFF; }
.headerBackground_navArea {position:relative; width:100%; height:50px; background: -webkit-linear-gradient(top, #C5CACA 5%, #A29898 95%); background: -moz-linear-gradient(top, #C5CACA 5%, #A29898 95%); background: -o-linear-gradient(top, #C5CACA 5%, #A29898 95%); background: -ms-linear-gradient(top, #C5CACA 5%, #A29898 95%);}


.headArea {position:relative; height:120px;}
.headArea_background {position:absolute; left:-220px; width:1500px; height:120px; background:url(../images/website_banner.jpg);}
.headArea .logo {    position: absolute; left: 5px;}
.headArea .topNavbar {position:absolute; top:0; right:20px; padding:5px 15px; background:white; border-radius:0 0 10px 10px; border:1px solid #ddd; border-top:none;}


.loginform{position:absolute; bottom:0; right:0; width:850px; height:60px; z-index: 11;}
.login{position:absolute; width:850px; height:32px; padding:14px 0; color:grey;}

.login .input,.inputon{height:30px; border:none; background-color:white; font-size:20px}


.loginform_memberCenter, .loginform_logout{position:absolute; width:80px; height:32px; text-align:center; line-height:32px; font-size:18px; border:none; border-radius:6px; color:white;  font-weight:bold; cursor:pointer; background: -webkit-linear-gradient(top, #FF9501 5%, #FF6900 95%); background: -moz-linear-gradient(top, #FF9501 5%, #FF6900 95%); background: -o-linear-gradient(top, #FF9501 5%, #FF6900 95%); background: -ms-linear-gradient(top, #FF9501 5%, #FF6900 95%); box-shadow:1px 1px 3px grey;}
.loginform_memberCenter{right:125px;}
.loginform_logout {right:25px;}


.member_username_lab{position:relative; float:left; width:150px; height:30px; padding-left:30px; margin-right:20px; background:url(../images/user.jpg) no-repeat; background-size:30px 30px; border:1px solid #FF7E00; border-radius:6px; box-shadow:1px 1px 3px grey; overflow:hidden;}
.member_username_lab input{width:150px; padding:0 10px;}

.member_userpwd_lab{position:relative; float:left; width:150px; height:30px; padding-left:30px; margin-right:20px; background:url(../images/user-02.jpg) no-repeat; background-size:30px 30px; border:1px solid #FF7E00; border-radius:6px; box-shadow:1px 1px 3px grey; overflow:hidden;}
.member_userpwd_lab input{width:150px; padding:0 10px;}

.member_validate_lab{position:relative; float:left; width:120px; height:30px; padding-left:75px; margin-right:20px; border:1px solid #FF7E00; border-radius:6px; box-shadow:1px 1px 3px grey; background:#FF7E00; overflow:hidden;}
.member_validate_lab  #ckstr {position:absolute; left:12px; top:5px; }
.member_validate_lab input{width:120px; padding:0 10px;}

.member_but_lab{position:relative; float:left; height:32px; margin-right:20px; }
.login  #but_login{position:realtive; width:80px; height:32px; text-align:center; line-height:32px; font-size:18px; border:none; border-radius:6px; color:white; font-family:"微软雅黑",Arial; font-weight:bold; cursor:pointer;background: -webkit-linear-gradient(top, #FF9501 5%, #FF6900 95%); background: -moz-linear-gradient(top, #FF9501 5%, #FF6900 95%); background: -o-linear-gradient(top, #FF9501 5%, #FF6900 95%); background: -ms-linear-gradient(top, #FF9501 5%, #FF6900 95%); box-shadow:1px 1px 3px grey;}

.loginform_signup_lab {position:relative; float:left; width:120px; height:100%; border-left:1px solid grey;}
.loginform_signup {position:absolute; left:20px; width:80px; height:32px; text-align:center; line-height:32px; font-size:18px; border:none; border-radius:6px; color:white;  font-weight:bold; cursor:pointer; background: -webkit-linear-gradient(top, #7897E2 5%, #5A76B9 95%); background: -moz-linear-gradient(top, #7897E2 5%, #5A76B9 95%); background: -o-linear-gradient(top, #7897E2 5%, #5A76B9 95%); background: -ms-linear-gradient(top, #7897E2 5%, #5A76B9 95%); box-shadow:1px 1px 3px grey;}

.navArea{ height:40px; background-color:#338F07; width: 980px;margin: 0 auto;margin-bottom:10px;}


.nav{ }
.nav li{float:left; }
.nav li a{display:block; width:105px;  text-align:center; font-size:18px; color:#FFF; text-decoration: none;}


.nav li a:hover, .nav li a:hover.on{}
.nav li a.on{}
.nav li a.on2{ }
.nav li:hover.on{}


.nav li ul{display:none;position:absolute;z-index:9999;} 
.nav li ul li{float:none;display:block;position:relative;line-height:20px;_display:inline;} 
.nav li ul li .s{position:absolute;top:0;left:140px;border-left:1px solid transparent;}
.nav li ul li .s li{float:none;}
.nav li ul li a{display:block;background:#333;text-align:left;font-weight:normal;font-size:12px;}
.nav li ul li a:hover{color:#f10000;}
.nav .t,.nav .t:hover{background:url(../images/nav_ico.gif) no-repeat 120px center #333;}





/*登陆区域*/
.mainbody{width: 980px;margin: 0 auto;padding: 2px 0;border: solid 1px #ccc;background-color: white;border-radius: 8px;}
.mainbody input[type="text"]:focus,
.mainbody input[type="password"]:focus,
.mainbody textarea:focus,
.mainbody select:focus{box-shadow:0 0 0;outline:none;}
.mainbody #validate{text-transform:uppercase;}
.mainbody .top{margin-bottom:40px;padding-bottom:12px;border-bottom:1px dashed #dadada; margin-left:5px;}
.mainbody .top h2{font-size:20px;color:#FF0000;}
.mainbody .txt{margin-top:8px;color:#999;}
.mainbody .note{color:#999;}
.mainbody .input,
.mainbody .inputon{width: 300px;text-indent: 5px;
height: 35px;
line-height: 30px;
border: 0;
background-image: url(../images/userlog_input_bg.png);
font-size: 14px;
font-family: Verdana;}
.mainbody .input{background-position:0 0;}
.mainbody .inputon{background-position:0 35px;}
.mainbody .sub, .mainbody .subon, .mainbody .subdown{width:119px;height:37px;background-image:url(../images/userlog_btn_bg.png);border:0;color:#fff;font-size:14px;font-weight:bold;font-family:"微软雅黑";cursor:pointer;}
.mainbody .sub{background-position:0 0;}
.mainbody .subon{background-position:0 74px;}
.mainbody .subdown{background-position:0 37px;}
.mainbody .regbtn{position:absolute;top:150px;right:0;width:320px;height:120px;border-left:1px solid #ccc;text-align:center;line-height:120px;font-weight:bold;font-size:14px;}
.mainbody .regbtn a{text-decoration:underline;color:#900;}
.mainbody .infor{color:red;margin:0 0 8px 61px;border:1px solid #ccc;width:280px;padding:2px 9px;background:#fffff0;border-radius:3px;}
.mainbody .findpwd{margin-left:20px;font-size:14px;}
.mainbody .oqq,.mainbody .osina{height:24px;line-height:24px;display:inline-block;padding-left:29px;margin-right:15px;}
.mainbody .oqq{background:url(../images/oauthico.png) no-repeat 0 0;}
.mainbody .osina{background:url(../images/oauthico.png) no-repeat 0 -32px;}


/*页脚样式*/
.footer{line-height:100px;text-align:center;font-family:Verdana;font-size:13px;color:#666;}


/*左侧区域*/
.mainbody .leftarea{position:relative; width: 201px; float: left; padding:0 5px;}
.mainbody .leftarea .userinfo{padding: 14px;word-wrap: break-word;float: left;border-radius: 5px;width: 160px;}
.mainbody .leftarea .act{word-wrap: break-word;float: left;top: 16px;}
.mainbody .leftarea .avater{height:80px;float:left;margin-right:12px;_margin-right:6px;position:relative;overflow:hidden;display:none;}
.mainbody .leftarea .avater div{position:absolute;width:80px;height:18px;left:0;bottom:0;background:#000;filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;z-index:998;}
.mainbody .leftarea .avater a{display:block;width:80px;position:absolute;z-index:999;left:0;bottom:0;line-height:18px;text-align:center;color:#fff;}
.mainbody .leftarea .avater img{width:80px;height:80px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.mainbody .leftarea .usertxt{float:left;}
.mainbody .leftarea .username,.mainbody .leftarea .userenter{display:block;font-size:20px;font-weight:bold;color:#8D530A;}
.mainbody .leftarea .userenter{background:url(../images/icon_v.png) 0 3px no-repeat;padding-left:20px;}
.mainbody .leftarea .usergroup{display:block;color:red;}
.mainbody .leftarea .act a{width: 175px;
padding-left: 15px;
background: #f3f3f3;
height: 55px;
line-height: 55px;
font-size: 20px;
color: black;
margin-top: 5px;
display: block;
border-radius: 5px;}
.mainbody .leftarea .act a:hover{background:#338FF0;color:#fff;text-decoration:none;}
.mainbody .leftarea .act a.on{background:#338F07;color:#fff;}


/*右侧区域*/
.mainbody .rightarea{position:relative;float:left; min-height: 300px;
width: 700px;
padding: 0 0 0 0px;}
.mainbody .rightarea h3.dftitle,
.mainbody .rightarea h3.subtitle{border-bottom:0px solid #ddd;font-weight:bold;font-size:18px;margin-top: 10px;}
.mainbody .rightarea h3.subtitle a{font-size:12px;font-weight:normal;float:right;}
.mainbody .rightarea .loginfo{font-family:Verdana;font-size:14px;color:#900;}
.mainbody .rightarea .list li{border-bottom:1px solid #f5f5f5;line-height:30px;}
.mainbody .rightarea .list li a{text-decoration:none;}
.mainbody .rightarea .list li a:hover{color:#f90;}
.mainbody .rightarea .list span.time{float:right;font-family:Verdana;font-size:11px;color:#666;}
.mainbody .rightarea .list span.dot{font-family:"宋体";}
.mainbody .rightarea .msglist li{padding:10px 0;border-bottom:1px dashed #ccc;word-wrap:break-word;}
.mainbody .rightarea .msglist p{display:block;line-height:20px;margin-bottom:5px;}
.mainbody .rightarea .msglist span.time{font-family:Verdana;color:#999;color:#999;float:right;}
.mainbody .rightarea .msglist span.from{float:left;color:#999;}
.mainbody .rightarea .msglist span.from a{color:#999;}
.mainbody .rightarea .nonelist{padding-top:5px;text-align:center;line-height:30px;}
.mainbody .rightarea .more{margin:8px 0 20px 0;text-align:right;}
.mainbody .rightarea .more a{color:#999;}
.mainbody .rightarea .class_input,
.mainbody .rightarea .class_input_on{width:290px;height:32px;line-height:22px;padding:2px 4px 0;}
.mainbody .rightarea .class_input{background:#f3f9fc;border:1px solid #c0d0d8;}
.mainbody .rightarea .class_input_on{background:#fff;border:1px solid #569dde;}
.mainbody .rightarea .class_areatext,
.mainbody .rightarea .class_areatext_on{width:320px;height:100px;line-height:18px;padding:4px;}
.mainbody .rightarea .class_areatext{background:#f3f9fc;border:1px solid #c0d0d8;}
.mainbody .rightarea .class_areatext_on{background:#fff;border:1px solid #569dde;}
.mainbody .rightarea .btn_area{text-align:center;margin-top:25px;}
.mainbody .rightarea .btn{width:78px;height:25px;background:url(../images/btn-style-gray.gif);margin-right:15px;font-size:14px;cursor:pointer;border:none;}

.mainbody .rightarea .upavatar{padding-top:10px;text-align:center;}
.mainbody .rightarea .preavatar{padding:10px 0;text-align:center;}
.mainbody .rightarea .preavatar img{margin:0 5px;}

.mainbody .rightarea .options_b{padding-top:8px;line-height:22px;color:#666;}
.mainbody .rightarea .options_b a{color:#005590;}



/*最右侧区域*/
.TwoOfTwo{position:relative; float:right; width:256px; padding:0 5px; margin-bottom:25px; border-left: 1px solid #ccc;}

.TwoOfTwo .contact{position:relative; width:100%; }
.TwoOfTwo .wangwangTeam {position:relative; float:left; width:165px;}
.TwoOfTwo .wangwangTeam_Box {position:relative; width:115px; height:36px; float:left; margin:10px 23px 10px 22px;}
.TwoOfTwo .wangwangTeam_Icon {position:relative; width:36px; height:36px; float:left; margin:0 2px 0 0;  background:url(../images/char_icons.png);  }
.TwoOfTwo .contact_links {position:relative; float:left;}
.TwoOfTwo .contact_links a {display:block; position:realtive; margin:15px 0; text-align:center;}
.TwoOfTwo .contact_links img {display:block; width:60px; height:60px;}
.TwoOfTwo .contact_box {position:relative; float:left; width:100%; line-height:25px;}
.TwoOfTwo .contact_box .taobaoLink {}
.TwoOfTwo .contact_box .wechatLink {}
.TwoOfTwo .contact_box .facebookLink {}


/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}


/*我的订单*/
.orderlist .thead{font-weight:bold;}
.orderlist .title{margin-right:10px;}
.orderlist .attr{margin-right:3px;color:#999;}
.orderlist .action a{color:#900;}
.orderlist .action a:hover{color:red;}
.orderlist .status{color:blue;}
.orderlist2 td{background:#f5f5f5;}


.blue{color:blue;}
.orderact{color:#666;font-weight:bold;}
.orderact a{color:#900;font-weight:bold;}
.orderact a:hover{color:red;}
.total{margin-left:10px;}


/*合作账号*/
.mainbody .ounameqq,.mainbody .ounameweibo{width:80px;padding-left:20px;float:left;display:block;font-size:12px;font-weight:bold;color:#8D530A;background-image:url(../images/oauthico.png); background-repeat:no-repeat;}
.mainbody .ounameqq{background-position:0 -61px;}
.mainbody .ounameweibo{background-position:0 -88px;}
.mainbody .pbArea{margin:12px 0;}
.mainbody .pbArea a{width:180px;height:180px;display:inline-block;text-align:center;line-height:180px;color:#fff;font-weight:bold;font-size:14px;}
.mainbody .pbArea a:hover{background:#f5f5f5;color:#333;text-decoration:none;}
.mainbody .perfect{background:#398ae7;}
.mainbody .binding{background:#7dc81e;margin-left:10px;}
.mainbody .pbTips{color:#666;}
.mainbody .pbTips li{line-height:22px;list-style-type:disc;list-style-position:inside;}

.mainbody .removeoauth a{color:#09F;}

.mainbody .oqqico,.mainbody .oweiboico{display:inline-block;width:16px;height:16px;margin:3px 5px 0 0;}
.mainbody .oqqico{background:url(../images/oauthico.png) no-repeat 0 -64px;}
.mainbody .oweiboico{background:url(../images/oauthico.png) no-repeat 0 -88px;}

/*在线客服*/
*html{background-image:url(about:blank);background-attachment:fixed;}
.kf{
	position: fixed;
	top: 120px;
	right: 10px;
	width: 125px;
	
	/*_height:auto!important;
	_height:50px;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||30)-(parseInt(this.currentStyle.marginBottom,10)||30)));*/
	}
.kf_r{margin-left:40px;color:#fff;text-align:left;padding:10px 0 10px;}
.kf_r img{margin-bottom:5px;}