img{border:0;}ul,li{list-style-type:none;}
.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;}


/*登录区域*/
.login{width:740px !important;margin:0 auto;margin-top:80px !important; margin-bottom:60px !important;}
.mainbody{width:1200px;margin:0 auto;padding:30px 30px 40px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;-webkit-box-shadow: #ddd 0px 0px 15px; -moz-box-shadow: #ddd 0px 0px 15px; box-shadow: #ddd 0px 0px 15px; margin-top:40px; margin-bottom:40px;}
.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{text-align:center;}
.mainbody .top h2{font-size:20px;color:#9C0;}
.mainbody .txt{margin-top:8px;color:#999;}
.mainbody .note{color:#999;}
.mainbody .inputs{border:1px solid #DADADA;border-radius:8px; margin-top:40px; width:90%; margin-left:5%; height:50px; line-height:50px; text-indent:60px; font-size:16px; color:#999999;}
.mainbody .mobico{background:url(../img/mobico.png) no-repeat 20px center;}
.mainbody .safeico{background:url(../img/safeico.png) no-repeat 20px center;}
.mainbody .sub{border-radius:8px; background-color:#0063C8; margin-top:40px; width:90%; margin-left:5%; height:50px; line-height:50px; font-size:16px; color:#fff; cursor:pointer;}

.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(../img/oauthico.png) no-repeat 0 0;}
.mainbody .osina{background:url(../img/oauthico.png) no-repeat 0 -32px;}

@media screen and (max-width:768px){	
.login{width:96% !important;margin:0 auto;margin-top:40px !important; margin-bottom:40px !important;}
.mainbody{width:96%;margin:0 auto;padding:10px 10px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;-webkit-box-shadow: #ddd 0px 0px 15px; -moz-box-shadow: #ddd 0px 0px 15px; box-shadow: #ddd 0px 0px 15px; margin-top:40px; margin-bottom:40px;}
.mainbody .inputs{border:1px solid #DADADA;border-radius:8px; margin-top:20px; width:96%; margin-left:2%; height:50px; line-height:50px; text-indent:40px; font-size:16px; color:#999999;}
}
/*左侧区域*/
.mainbody .leftarea{width:20%;float:left;border-right:1px solid #f0f0f0;}
.mainbody .leftarea .userinfo{height:70px;margin-bottom:30px;_margin-bottom:15px;word-wrap:break-word;}
.mainbody .leftarea .avater{height:80px;float:left;margin-right:12px;_margin-right:6px;position:relative;overflow:hidden;}
.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:14px;font-weight:bold;color:#8D530A;}
.mainbody .leftarea .usergroup{display:block;color:red;}
.mainbody .leftarea .act a{width:85%; margin-bottom:20px;display:block;background:#eee; text-align:center;height:40px;line-height:40px;font-size:16px;color:#000;border-radius:5px;}
.mainbody .leftarea .act a:hover{background:#ccc;color:#fff;text-decoration:none;}
.mainbody .leftarea .act a.on{background:#0063C8;color:#fff;}
@media screen and (max-width:768px){	
.mainbody .leftarea{width:100%;border-right:1px solid #f0f0f0;}
}

/*右侧区域*/
.mainbody .rightarea{width:75%;min-height:300px;padding:0 0 0 0;float:right;}
.mainbody .rightarea h3.dftitle,
.mainbody .rightarea h3.subtitle{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #ddd;font-weight:bold;font-size:14px; text-align:left;}
.mainbody .rightarea h3.subtitle a{font-size:12px;font-weight:normal;float:right;}
.mainbody .rightarea .loginfo{font-family:Verdana;font-size:14px;color:#0063C8;}
.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:320px;height:22px;line-height:22px;padding:2px 4px 0;}
.mainbody .rightarea .class_input{
	width: 100%;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 3px;
    border-color: #e6e6e6;
    margin-right: 10px;
    width: 468px;
    color: #17233d;
    font-size: 14px;
}
.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 .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;}

@media screen and (max-width:768px){	
.mainbody .leftarea{width:100%;border-right:0px; float:none; margin-bottom:20px;}
.mainbody .leftarea .act a{float:left;width:30%; margin-bottom:10px;display:block;background:#eee; text-align:center;height:40px;line-height:40px;font-size:16px;color:#000;border-radius:5px; margin-right:3%;}
.mainbody .rightarea{width:100%;min-height:200px;padding:0 0 0 0;float:none;}
}


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

.subtitle{color:#666;font-weight:bold; text-align:center; font-size:23px; letter-spacing:3px;}

/*合作账号*/
.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(../img/oauthico.png) no-repeat 0 -64px;}
.mainbody .oweiboico{background:url(../img/oauthico.png) no-repeat 0 -88px;}