@charset "utf-8";
/*全局控制*/
body{margin:0;padding:0;font-size:12px;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;}
.mb30{margin-bottom: 30px;}
.line01{height:1px;background: #ccc;border: none;}
input::-webkit-input-placeholder{color:#eee;font-size:16px;}
input::-moz-placeholder{color:#eee;font-size:16px;}

/*头部样式*/
.header{height:90px;}
.header .area{width:920px;margin:0 auto;}
.header .area .logo{width:195px;height:65px;margin-top:22px;margin-left:10px;background:url(../images/logo.png) no-repeat;float:left;}
.header .area .logo a{display:block;width:100%;height:100%;}
.header .area .retxt{float:right;margin:25px 10px 0 0;}

/*登录区域*/
.login #validate{text-transform:uppercase;
    margin-left:110px;}
.login .top{margin-bottom:40px;padding-bottom:12px;border-bottom:1px dashed #dadada;}
.login .top h2{font-size:20px;color:#d19e66;}
.login .txt{margin-top:8px;color:#999;}
.login .note{color:#999;}
.login .inputon{width:280px;height:35px;margin-right:10px;padding:0 10px;line-height:30px;border:0;font-size:14px;}
#username ,#password ,#validate,#oldpassword,#repassword,#cnname,#email{color:#fff;background:rgba(255,255,255,0);text-align: center;border-bottom: 2px solid #fff; height:36px;background:url(0) no-repeat;font-size: 16px;}
.subdown{width:119px;height:37px;background-image:url(../images/userlog_btn_bg.png);border:0;color:#fff;font-size:14px;font-weight:bold;cursor:pointer;}
.login .sub{background-position:0 0;}
.login .subon{background-position:0 74px;}
.login .subdown{background-position:0 37px;}
.login .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;}
.login .regbtn a{text-decoration:underline;color:#900;}
.login .infor{color:red;margin:0 0 8px 61px;border:1px solid #ccc;width:280px;padding:2px 9px;background:#fffff0;border-radius:3px;}
.login .findpwd{margin-left:20px;font-size:14px;}
.login .oqq,.login .osina{height:24px;line-height:24px;display:inline-block;padding-left:29px;margin-right:15px;}
.login .oqq{background:url(../images/oauthico.png) no-repeat 0 0;}
.login .osina{background:url(../images/oauthico.png) no-repeat 0 -32px;}

/*左侧区域*/
.login .leftarea{width:220px;float:left;border-right:1px solid #f0f0f0;}
.login .leftarea .userinfo{height:70px;margin-bottom:30px;_margin-bottom:15px;word-wrap:break-word;}
.login .leftarea .avater{height:80px;float:left;margin-right:12px;_margin-right:6px;position:relative;overflow:hidden;}
.login .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;}
.login .leftarea .avater a{display:block;width:80px;position:absolute;z-index:999;left:0;bottom:0;line-height:18px;text-align:center;color:#fff;}
.login .leftarea .avater img{width:80px;height:80px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.login .leftarea .usertxt{float:left;}
.login .leftarea .username,.login .leftarea .userenter{display:block;font-size:14px;font-weight:bold;color:#8D530A;}
.login .leftarea .userenter{background:url(../images/icon_v.png) 0 3px no-repeat;padding-left:20px;}
.login .leftarea .usergroup{display:block;color:red;}
.login .leftarea .act a{width:180px;border-bottom:5px solid #fff;padding-left:10px;display:block;background:#f6f6f6;height:30px;line-height:30px;font-size:14px;color:#000;}
.login .leftarea .act a:hover{background:#ccc;color:#fff;text-decoration:none;}
.login .leftarea .act a.on{background:#999;color:#fff;}

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

/*分页样式*/
.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-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;}

.login{min-height:400px;
    margin-top:80px;}
/*合作账号*/
.login .ounameqq,.login .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;}
.login .ounameqq{background-position:0 -61px;}
.login .ounameweibo{background-position:0 -88px;}
.login .pbArea{margin:12px 0;}
.login .pbArea a{width:180px;height:180px;display:inline-block;text-align:center;line-height:180px;color:#fff;font-weight:bold;font-size:14px;}
.login .pbArea a:hover{background:#f5f5f5;color:#333;text-decoration:none;}
.login .perfect{background:#398ae7;}
.login .binding{background:#7dc81e;margin-left:10px;}
.login .pbTips{color:#666;}
.login .pbTips li{line-height:22px;list-style-type:disc;list-style-position:inside;}
.login .removeoauth a{color:#09F;}
.login .oqqico,.login .oweiboico{display:inline-block;width:16px;height:16px;margin:3px 5px 0 0;}
.login .oqqico{background:url(../images/oauthico.png) no-repeat 0 -64px;}
.login .oweiboico{background:url(../images/oauthico.png) no-repeat 0 -88px;}