@charset "utf-8";

.usLoginBox .usFrom {
  height: 340px;
}
.emailList {
  width: 224px;
}
.lottery .lotteryContent {
  height: 148px;
}
.lottery .lotteryContent ul li .lotteryNum dl dd {
  width: 28px;
}
.myvideo {
  height: 320px;
}
.reModule {
  height: 126px;
}
.myBroWebGame {
  width: 980px;
  height: 384px;
}
.picAreaGen ul {
  width: 1100px;
}
.picAreaGen ul li {
  margin-right: 15px;
}
.otherTypeArea .otherType .otherTabArea .tabArea ul li {
  width: 50px;
}
.otherTypeArea .goodsArea {
  width: 457px;
  overflow: hidden;
}
.goodsPic ul {
  width: 500px;
}
.newsArea .newsMd {
  width: 210px;
  margin-right: 15px;
}
.novelPic ul,
.gameItem ul {
  width: 500px;
}
.newsArea {
  width: 420px;
  overflow: hidden;
}
.newsList ul li a b {
  line-height: 0px;
}
.otherTypeArea .gameArea {
  width: 457px;
  overflow: hidden;
}
.otherTypeArea .otherType {
  width: 457px;
  overflow: hidden;
}
.regInputArea .regInputFl .regInputBox input {
  width: 190px;
}
.regCodeArea .regInputBox #regCode {
  width: 80px;
}
.findPwd .findPwdArea .fdPwdFl {
  width: 200px;
}
.findPwd .findPwdArea .fdPwdFl input {
  width: 200px;
}
.videoTabArea .tabArea ul li a {
  width: 80px;
}
#findCode {
  width: 90px;
}

body,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul,
input {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
body {
  color: #333;
  font-family: 'microsoft yahei';
}
img {
  border: 0;
  vertical-align: top;
}
li,
ul {
  list-style: none;
}
li img {
  display: block;
  background: #fff;
}
a {
  color: #8c8c8c;
  text-decoration: none;
}
a:hover {
  color: #5c9f5a;
  text-decoration: none;
}
input,
textarea {
  box-sizing: content-box;
  outline: 0;
  font-family: 'microsoft yahei', Simsun, Tahoma, Geneva, 'Heiti SC';
}
button {
  padding: 0;
  border: 0;
  cursor: pointer;
  font-family: 'microsoft yahei';
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.main_fd {
  overflow: hidden;
}
.fb {
  font-weight: bold;
}
.cl {
  clear: both;
}
.ft12s {
  font: 12px '宋体';
}
.fyh {
  font-family: 'microsoft yahei';
}
.nmr {
  margin-right: 0 !important;
}
.nml {
  margin-left: 0 !important;
}
.nbb {
  border-bottom: 0 !important;
}
.nbr {
  border-right: 0 !important;
}
.r20 {
  right: 20px !important;
}
.r90 {
  right: 90px !important;
}
.mt15 {
  margin-top: 15px;
}

.tac {
  text-align: center;
}
.loading img {
  margin: 40px 0 0 45%;
}
.error {
  margin: 10px auto;
  text-align: center;
  color: #ccc;
}
.main_btl1 {
  border-bottom: 1px solid #e3e3e3;
}
.pr {
  position: relative;
}

.main_contbar {
  width: 1200px;
  margin: 0 auto;
}
.main_main {
  position: relative;
}
.main_top {
  width: 100%;
  min-width: 1200px;
  height: 60px;
  background: #29a0fd;
}
.main_top .main_logobar {
  width: 150px;
  height: 60px;
  display: block;
  float: left;
  /* old logo path: ../../../logo/logo_user.png */
  background: url(../../../../../images/logo-h5.svg) center/contain no-repeat;
}
.main_top .main_oclass {
  float: right;
  overflow: hidden;
}
.main_top .main_oclass a {
  float: left;
  display: block;
  margin-right: 38px;
  line-height: 60px;
  color: #d0eaff;
  font-size: 14px;
}

.main_contentbg {
  width: 100%;
  min-width: 1200px;
  background: #54b3fd url(../images/mybg_01.png) center 0 no-repeat;
  height: 600px;
}
.main_contentbgsmall {
  height: 530px;
}
/*main_footer*/
.main_footer {
  width: 100%;
  min-width: 1200px;
  height: 60px;
  line-height: 60px;
  background-color: #fff;
  font-size: 14px;
}
.main_footer .main_abhoutbar {
  overflow: hidden;
  float: left;
}
.main_footer .main_abhoutbar a {
  margin-right: 20px;
  color: #777;
  display: block;
  float: left;
}
.main_footer .main_copybar {
  color: #286bd2;
  float: right;
  color: #777;
}

#main_loginbox {
  width: 370px;
  height: 523px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  top: 38px;
  right: 40px;
}
#main_loginbox h2 {
  height: 76px;
  line-height: 76px;
  text-align: center;
  font-size: 18px;
}
#main_loginbox h4 {
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  margin-bottom: 20px;
}
#main_loginbox .row {
  height: 40px;
  overflow: hidden;
}
#main_loginbox .row span {
  display: block;
  float: left;
  width: 88px;
  line-height: 40px;
  text-align: center;
}
#main_loginbox .row input.input {
  display: block;
  float: left;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f6f6f6;
  padding: 0 6px;
  height: 38px;
  line-height: 38px;
  width: 248px;
  overflow: hidden;
}
#main_loginbox .row input.checkbox {
}
#main_loginbox .remind {
  font-size: 12px;
  color: #ff0000;
  margin: 10px 0 0 90px;
  visibility: hidden;
  height: 16px;
}
#main_loginbox .autobox {
  margin: 10px 0 0 90px;
  font-size: 12px;
  color: #555;
  overflow: hidden;
}
#main_loginbox .autobox #autoLogin {
  width: 16px;
  height: 16px;
  float: left;
}
#main_loginbox .autobox span {
  display: block;
  float: left;
  margin-left: 6px;
}
#main_loginbox .protocol {
  margin: 10px 0 0 50px;
  font-size: 12px;
  color: #555;
  overflow: hidden;
}
#main_loginbox .protocol #agreePro {
  width: 16px;
  height: 16px;
  float: left;
}
#main_loginbox .protocol span {
  display: block;
  float: left;
  margin-left: 6px;
}
#main_loginbox .protocol span a {
  color: #29a0fd;
}
#main_loginbox .loginin {
  width: 330px;
  height: 50px;
  background-color: #29a0fd;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin: 20px auto;
  border-radius: 4px;
  cursor: default;
}
#main_loginbox .oclasss {
  width: 330px;
  height: 30px;
  margin: 10px auto;
  font-size: 14px;
  overflow: hidden;
}
#main_loginbox .oclasss a {
  color: #333;
  display: block;
}
#main_loginbox .othbox {
  width: 370px;
  background-color: #eef7ff;
  border-top: 1px solid #ccc;
  height: 169px;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#main_loginbox .othbox p {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  color: #777;
  width: 300px;
  margin: 10px auto 0;
}
#main_loginbox .othbox .othsbox {
  width: 300px;
  height: 80px;
  margin: 0 auto;
}
#main_loginbox .othbox .othclass {
  width: 300px;
  height: 40px;
  background: url(../images/mybg_02.png) 0 0 no-repeat;
  overflow: hidden;
}
#main_loginbox .othbox .othclass a {
  display: block;
  float: left;
  width: 100px;
  height: 40px;
}
#main_loginbox .othbox .othclass a.bar115:hover {
  background: url(../images/mybg_02.png) 0 -43px no-repeat;
}
#main_loginbox .othbox .othclass a.barqq:hover {
  background: url(../images/mybg_02.png) -100px -43px no-repeat;
}
#main_loginbox .othbox .othclass a.barwechat:hover {
  background: url(../images/mybg_02.png) -200px -43px no-repeat;
}
#main_loginbox .othbox .othclass a span {
  margin-top: 60px;
  display: block;
}
#main_loginbox .othbox .othtext {
  width: 300px;
  height: 40px;
  overflow: hidden;
}
#main_loginbox .othbox .othtext a {
  display: block;
  float: left;
  width: 98px;
  height: 40px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
}
#main_loginbox .bindmb {
  width: 330px;
  margin: 0 auto;
  text-align: right;
  font-size: 12px;
  color: #777;
}

/*login small*/
#main_loginboxsmall {
  width: 370px;
  height: 503px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  top: 18px;
}
#main_loginboxsmall h2 {
  height: 76px;
  line-height: 76px;
  text-align: center;
  font-size: 18px;
}
#main_loginboxsmall h4 {
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  margin-bottom: 20px;
}
#main_loginboxsmall .row {
  height: 40px;
  overflow: hidden;
}
#main_loginboxsmall .row span {
  display: block;
  float: left;
  width: 88px;
  line-height: 40px;
  text-align: center;
}
#main_loginboxsmall .row input.input {
  display: block;
  float: left;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f6f6f6;
  padding: 0 6px;
  height: 38px;
  line-height: 38px;
  width: 248px;
  overflow: hidden;
}
#main_loginboxsmall .row input.checkbox {
}
#main_loginboxsmall .remind {
  font-size: 12px;
  color: #ff0000;
  margin: 10px 0 0 90px;
  visibility: hidden;
  height: 16px;
}
#main_loginboxsmall .autobox {
  margin: 10px 0 0 90px;
  font-size: 12px;
  color: #555;
  overflow: hidden;
}
#main_loginboxsmall .autobox #autoLogin {
  width: 16px;
  height: 16px;
  float: left;
}
#main_loginboxsmall .autobox span {
  display: block;
  float: left;
  margin-left: 6px;
}
#main_loginboxsmall .protocol {
  margin: 10px 0 0 50px;
  font-size: 12px;
  color: #555;
  overflow: hidden;
}
#main_loginboxsmall .protocol #agreePro {
  width: 16px;
  height: 16px;
  float: left;
}
#main_loginboxsmall .protocol span {
  display: block;
  float: left;
  margin-left: 6px;
}
#main_loginboxsmall .protocol span a {
  color: #29a0fd;
}
#main_loginboxsmall .loginin {
  width: 330px;
  height: 50px;
  background-color: #29a0fd;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin: 20px auto;
  border-radius: 4px;
  cursor: default;
}
#main_loginboxsmall .oclasss {
  width: 330px;
  height: 30px;
  margin: 10px auto;
  font-size: 14px;
  overflow: hidden;
}
#main_loginboxsmall .oclasss a {
  color: #333;
  display: block;
}
#main_loginboxsmall .othbox {
  width: 370px;
  background-color: #eef7ff;
  border-top: 1px solid #ccc;
  height: 169px;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#main_loginboxsmall .othbox p {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  color: #777;
  width: 300px;
  margin: 10px auto 0;
}
#main_loginboxsmall .othbox .othsbox {
  width: 300px;
  height: 80px;
  margin: 0 auto;
}
#main_loginboxsmall .othbox .othclass {
  width: 300px;
  height: 40px;
  background: url(../images/mybg_02.png) 0 0 no-repeat;
  overflow: hidden;
}
#main_loginboxsmall .othbox .othclass a {
  display: block;
  float: left;
  width: 100px;
  height: 40px;
}
#main_loginboxsmall .othbox .othclass a.bar115:hover {
  background: url(../images/mybg_02.png) 0 -43px no-repeat;
}
#main_loginboxsmall .othbox .othclass a.barqq:hover {
  background: url(../images/mybg_02.png) -100px -43px no-repeat;
}
#main_loginboxsmall .othbox .othclass a.barwechat:hover {
  background: url(../images/mybg_02.png) -200px -43px no-repeat;
}
#main_loginboxsmall .othbox .othclass a span {
  margin-top: 60px;
  display: block;
}
#main_loginboxsmall .othbox .othtext {
  width: 300px;
  height: 40px;
  overflow: hidden;
}
#main_loginboxsmall .othbox .othtext a {
  display: block;
  float: left;
  width: 98px;
  height: 40px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
}
#main_loginboxsmall .bindmb {
  width: 330px;
  margin: 0 auto;
  text-align: right;
  font-size: 12px;
  color: #777;
}
/*找回密码*/
.callpad {
  width: 440px;
  margin: 100px auto;
}
.callpad h2 {
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  color: #333;
}
.callpad h4 {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  margin-bottom: 20px;
}
.callpad .row {
  height: 40px;
  overflow: hidden;
}
.callpad .row span {
  display: block;
  float: left;
  width: 88px;
  line-height: 40px;
  text-align: center;
}
.callpad .row input.input {
  display: block;
  float: left;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f6f6f6;
  padding: 0 6px;
  height: 38px;
  line-height: 38px;
  width: 248px;
  overflow: hidden;
}
.callpad .loginin {
  width: 330px;
  height: 50px;
  background-color: #29a0fd;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin: 20px auto;
  border-radius: 4px;
  cursor: default;
}
.callpad .remind {
  font-size: 12px;
  color: #ff0000;
  margin: 10px 0 0 60px;
  visibility: hidden;
  height: 16px;
}

.sendmessage {
  background-color: #29a0fd;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  cursor: pointer;
  font-size: 14px;
}

.myProNav ul li {
  position: relative;
}
.myProNav ul li .unbindb {
  display: block;
  color: #ff330b;
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 12px;
}
.myProNav ul li .bindb {
  display: block;
  color: #05b823;
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 12px;
}
.unselectable {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.unbind {
  position: absolute;
  bottom: 4px;
  right: 2px;
  font-size: 12px;
  color: #ff330b;
  display: block;
}
.myProActiva {
  position: relative;
}

/*验证码*/
#dragVer {
  position: relative;
  background: url(../images/mybg_04.png) repeat;
  width: 261px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  float: left;
  border-radius: 4px;
  overflow: hidden;
}

#dragVer .handler {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 39px;
  height: 39px;
  cursor: move;
}

.handler_bg {
  background: url(../images/mybg_03.png) no-repeat;
}

.handler_ok_bg {
  background: url(../images/mybg_05.png) no-repeat;
}

#dragVer .drag_bg {
  background-color: #75c3ff;
  height: 39px;
  width: 0px;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#dragVer .drag_text {
  position: absolute;
  top: 0px;
  width: 262px;
  font-size: 14px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
}

body {
  background: #f5f5f5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  font-family: 'WenQuanYi Micro Hei Mono', 'WenQuanYi Micro Hei',
    'Microsoft Yahei Mono', 'Microsoft Yahei', \5b8b\4f53, sans-serif;
}
address,
cite,
dfn,
em,
var,
i {
  font-style: normal;
}
b,
strong {
  font-weight: normal;
}
code,
kbd,
pre,
samp {
  font-family: courier new, courier, monospace;
}
small {
  font-size: 12px;
}
ul,
ol,
li {
  list-style: none;
}
/*a{text-decoration:none; font-family: \5b8b\4f53;}*/
a:hover {
  text-decoration: none;
}
a:focus,
input[type='text']:focus,
input[type='password']:focus,
textarea:focus {
  outline: none;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
legend {
  color: #000;
}
fieldset,
img {
  border: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea {
  resize: none;
}
.blank5 {
  height: 5px;
  width: 100%;
  overflow: hidden;
}
.blank10 {
  height: 10px;
  width: 100%;
  overflow: hidden;
}
.blank20 {
  height: 20px;
  width: 100%;
  overflow: hidden;
}
.blank50 {
  height: 50px;
  width: 100%;
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
  display: inline-block;
  _height: 1px;
}
*html.clearfix {
  height: 1%;
}
* + html.clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.hide {
  display: none;
}

.red {
  color: red;
}
.orange {
  color: #ff8a00;
}
.blue {
  color: #3a8ecf;
}
.green {
  color: #68b500;
}
.brown {
  color: #bf6968;
}
.gray3 {
  color: #333;
}
.gray6 {
  color: #666;
}
.gray9 {
  color: #999;
}

/*头部*/
#userHd {
  background: #45ace9;
  height: 60px;
  min-width: 1000px;
}
#userHd .usHdIn {
  width: 1000px;
  margin: 0 auto;
}
#userHd .usLogo {
  width: 240px;
  float: left;
}
#userHd .usLogo a {
  width: 240px;
  display: block;
  height: 60px;
  background: url(images/user.html) no-repeat -20px 0px;
}
#userHd .usHdLink {
  line-height: 60px;
}
#userHd .usHdLink a {
  color: #fff;
  display: inline-block;
  background: url(images/navLine.html) no-repeat right center;
  padding: 0 10px;
  font-size: 12px;
}
#userHd .usHdLink .notBg {
  background: none;
}
#userHd .usHdLink a:hover {
  text-decoration: underline;
}
#userHd .usHdRight {
  float: right;
}

#userHd .usLogined {
  color: #fff;
  margin-top: 20px;
}
#userHd .usLogined a {
  color: #fff;
}
#userHd .usLogined a:hover {
  text-decoration: underline;
}
#userHd .userNameBox {
  float: right;
}
#userHd .userNameBox .userName {
  margin-right: 20px;
}
#userHd .iconLink {
  float: right;
  margin-left: 20px;
  margin-top: 2px;
}
#userHd .iconLink a {
  padding-left: 22px;
  background: url(images/user.html) no-repeat;
  display: inline-block;
  height: 24px;
}
#userHd .settingsBox a {
  background-position: -18px -528px;
}
#userHd .messageBox a {
  background-position: -18px -454px;
}
#userHd .messageBox a i {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: #fd6060;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  border-radius: 12px;
  border: 2px solid #fff;
  margin-left: 5px;
}

/*Banner*/
#userBanner {
  height: 559px;
}
#userBanner .usBnIn {
  width: 1000px;
  margin: 0 auto;
}
#userBanner .usLoginBox {
  width: 420px;
  float: right;
  display: inline;
  margin-top: 130px;
}

/*Login*/
.usLoginBox {
  background: #fff;
  filter: alpha(opacity=70);
  background: rgba(255, 255, 255, 0.5);
  padding: 10px 20px;
  min-height: 340px;
}
.usLoginBox h5 {
  color: #444444;
}
.usLoginBox a {
  color: #444444;
  font-size: 12px;
}
.usLoginBox .usFrom {
  width: 220px;
  min-height: 340px;
  float: left;
  padding-right: 20px;
  position: relative;
  z-index: 1;
}
.usLoginBox .loginMd .textInput {
  width: 220px;
  height: 40px;
  position: relative;
  margin-bottom: 10px;
}
.usLoginBox .loginMd .textInput label {
  width: 200px;
  height: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  line-height: 40px;
  padding: 0 10px;
  color: #999;
}
.usLoginBox .loginMd .textInput input {
  width: 210px;
  height: 20px;
  line-height: 20px;
  border: none;
  padding: 10px 5px;
  color: #333;
}
.usLoginBox .atLoginArea {
  margin-bottom: 10px;
  font-size: 12px;
}
.usLoginBox .atLoginArea label {
  color: #444;
}
.usLoginBox .atLoginArea #autoLogin {
  margin-right: 5px;
  margin-top: 3px;
  *margin-top: 0px;
  float: left;
}
.usLoginBox .atLoginArea .forgetPwd:hover {
  text-decoration: underline;
}
.usLoginBox .otherArea a:hover {
  text-decoration: underline;
}
.usLoginBox .otherArea span {
  color: #444;
  font-size: 12px;
}
.usLoginBox .submitArea {
  margin-bottom: 20px;
}
.usLoginBox .submitArea button {
  width: 220px;
  color: #fff;
  height: 40px;
  background: #90bc19;
  border: none;
  cursor: pointer;
}
.usLoginBox .submitArea button:hover {
  background: #7ca411;
}
.uploadFB input {
  width: 80px;
  color: #fff;
  height: 26px;
  background-color: #45ace9;
  border: none;
  cursor: pointer;
}
.uploadFB input:hover {
  background-color: #2d9cdd;
}

.uinArea {
  position: relative;
  z-index: 1;
}
.emailList {
  background: #fff;
  position: absolute;
  top: 41px;
  left: 0px;
  z-index: 5;
  width: 220px;
}
.binding .emailList {
  border: 1px solid #e0e0e0;
}
.emailList li {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
  color: #666666;
}
.emailList li:hover,
.emailList .hv {
  background: #e6e6e6;
}

.loginMessage {
  margin-bottom: 10px;
  display: none;
}
.iEr {
  background: url(images/user.html) no-repeat -345px -29px;
  width: 15px;
  height: 16px;
  display: inline-block;
  float: left;
  margin-top: 8px;
  margin-right: 5px;
}
.iSu {
  background: url(images/user.html) no-repeat -395px -29px;
  width: 15px;
  height: 16px;
  display: inline-block;
  float: left;
  margin-top: 8px;
  margin-right: 5px;
}
.iSg {
  background: url(images/user.html) no-repeat -370px -29px;
  width: 15px;
  height: 16px;
  display: inline-block;
  float: left;
  margin-top: 8px;
  margin-right: 5px;
}
.iCl {
  background: url(images/user.html) no-repeat -319px -29px;
  width: 15px;
  height: 16px;
  display: inline-block;
  float: left;
  margin-top: 8px;
  margin-right: 5px;
  cursor: pointer;
}
.errorMd {
  background: #fbdddd;
  font-size: 12px;
  color: #666;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}

.usLoginBox .usLoginLink {
  width: 155px;
  float: right;
  padding-left: 10px;
}
.usLoginBox .usLoginLink a {
  border: 1px solid #979d99;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 33px;
  line-height: 33px;
  width: 142px;
  text-align: center;
  margin-bottom: 10px;
  color: #979d99;
  display: block;
  float: left;
}
.usLoginBox .usLoginLink a:hover {
  color: #444444;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
}
.usLoginBox .usLoginLink .lgqq {
  background: url(images/user.html) no-repeat -10px -88px;
}
.usLoginBox .usLoginLink .lgqq:hover {
  background: url(images/user.html) no-repeat -10px -140px
    rgba(255, 255, 255, 0.8);
}
.usLoginBox .usLoginLink .lgwb {
  background: url(images/user.html) no-repeat -166px -88px;
}
.usLoginBox .usLoginLink .lgwb:hover {
  background: url(images/user.html) no-repeat -166px -138px
    rgba(255, 255, 255, 0.8);
}
.usLoginBox .usLoginLink .lgrr {
  background: url(images/user.html) no-repeat -350px -88px;
}
.usLoginBox .usLoginLink .lgrr:hover {
  background: url(images/user.html) no-repeat -350px -138px
    rgba(255, 255, 255, 0.8);
}
.usLoginBox .usLoginLink .lgtb {
  background: url(images/user.html) no-repeat -171px -201px;
}
.usLoginBox .usLoginLink .lgtb:hover {
  background: url(images/user.html) no-repeat -171px -251px
    rgba(255, 255, 255, 0.8);
}
.usLoginBox .usLoginLink .lgdb {
  background: url(images/user.html) no-repeat -10px -204px;
}
.usLoginBox .usLoginLink .lgdb:hover {
  background: url(images/user.html) no-repeat -10px -254px
    rgba(255, 255, 255, 0.8);
}
.usLoginBox .usLoginLink .lg115 {
  background: url(images/user.html) no-repeat -350px -202px;
}
.usLoginBox .usLoginLink .lg115:hover {
  background: url(images/user.html) no-repeat -350px -252px
    rgba(255, 255, 255, 0.2);
}
.fotget {
  float: right;
}

/*注册*/
.regArea {
  width: 480px;
  padding: 10px;
  height: 440px;
  background: #fff;
  filter: alpha(opacity=70);
  background: rgba(255, 255, 255, 0.7);
  float: right;
  padding-left: 20px;
}
.regArea .firstLine {
  color: #444;
  height: 50px;
  line-height: 50px;
}
.regArea .firstLine h5 {
  float: left;
}
.loginTxt {
  float: right;
  padding-right: 50px;
}
.loginTxt a {
  color: #26a0e8;
  line-height: 40px;
  height: 40px;
  display: inline-block;
  padding-right: 50px;
  background: url(images/user.html) no-repeat -410px -13px;
}
.regInputArea {
  height: 40px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.regInputArea .regInputFl {
  width: 220px;
  height: 40px;
  float: left;
  margin-right: 20px;
  position: relative;
}
.regInputArea .regInputFl .regInputBox input {
  width: 200px;
  height: 20px;
  line-height: 20px;
  border: none;
  padding: 10px;
  color: #333;
}
.regInputArea .regInputFl label {
  width: 200px;
  height: 20px;
  line-height: 20px;
  color: #999999;
  border: none;
  padding: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.regInputArea .regInputFl i {
  position: absolute;
  top: 5px;
  right: 5px;
  display: none;
}
.regInputArea .regInputFr {
  width: 220px;
  height: 40px;
  float: left;
  font-size: 12px;
}
.regCodeArea .regInputBox #regCode {
  width: 90px;
  float: left;
  margin-right: 10px;
}
.regCodeArea .regInputBox i {
  position: absolute;
  top: 5px;
  right: 115px;
}
.regCodeArea .regInputFl label {
  width: 100px;
}
.regCodeArea .regInputFr {
  color: #444;
}
.regCodeArea .regInputFr a {
  display: block;
  color: #26a0e8;
}
.regOtherArea {
  margin-bottom: 20px;
  font-size: 12px;
  color: #333;
}
.regOtherArea a {
  color: #26a0e8;
}
.regOtherArea #readedReg {
  float: left;
  margin-top: 3px;
  *margin-top: 0px;
  margin-right: 5px;
}
.setBtn {
  background: #45ace9;
  width: 220px;
  height: 40px;
  color: #fff;
  border: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.setBtn:hover {
  background: #298cc6;
}

.warnBox {
  width: 170px;
  height: 36px;
  font-size: 12px;
  color: #dc7c00;
  padding: 2px 10px;
  position: relative;
  background: #f5f3d6;
}
.warnBox .trangle {
  position: absolute;
  left: -16px;
  top: 12px;
  width: 0px;
  height: 0px;
  font-size: 0px;
  border: 8px solid rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0) #f5f3d6 rgba(255, 255, 255, 0)
    rgba(255, 255, 255, 0);
}

/*激活*/
.regActivate {
  background: #fff;
  filter: alpha(opacity=90);
  background: rgba(255, 255, 255, 0.9);
  height: 440px;
  padding: 10px;
}
.regActivate h2 {
  font-size: 36px;
  padding-bottom: 10px;
  color: #45ace9;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
}
.regActivate .regActBox {
  padding-top: 35px;
}
.regActivate .regActBox .regActTxt {
  width: 400px;
  margin: 0 auto;
  color: #444;
  text-align: center;
  line-height: 30px;
}
.regActivate .regActBox .regActTxt a {
  color: #2289c6;
  line-height: 24px;
}
.regActivate .regActBox .regActTxt a:hover {
  text-decoration: underline;
}
.regActivate .regActBox .regActBtn {
  width: 220px;
  margin: 0 auto;
}
.regActivate .regActBox .regActBtn a {
  width: 220px;
  height: 40px;
  line-height: 40px;
  background: #45ace9;
  display: block;
  text-align: center;
  color: #fff;
}
.regActivate .regActBox .regActBtn a:hover {
  background: #2289c6;
}
.regActivate .regActFooter {
  width: 550px;
  margin: 0 auto;
}
.regActivate .regActFooter h5 {
  border-bottom: 1px dashed #d8d8d8;
  line-height: 30px;
  margin-bottom: 10px;
}
.regActivate .regActFooter ul {
  overflow: hidden;
  position: relative;
  width: 680px;
}
.regActivate .regActFooter ul li {
  float: left;
  color: #666;
  margin-right: 70px;
}
.regActivate .regActFooter ul li a {
  color: #45ace9;
}
.regActivate .regActFooter ul li a:hover {
  text-decoration: underline;
}

/*邮箱激活*/
.regEmail {
  width: 790px;
  margin: 0 auto;
  background: #fff;
  padding: 20px;
}
.regEmail .regWelcome {
  padding-left: 20px;
  margin-top: 30px;
  color: #444;
  line-height: 30px;
  word-wrap: break-word;
}
.regEmail .regWelcome a {
  color: #45ace9;
}
.regEmail .regWelcome a:hover {
  text-decoration: underline;
}
.regEmail .annotation {
  padding-left: 20px;
  margin-top: 30px;
  line-height: 30px;
  color: #999;
}
.regEmail .regEmailFooter h5 {
  text-align: right;
  color: #444;
  border-bottom: 1px dashed #dbdbdb;
  line-height: 30px;
  margin-bottom: 10px;
}
.regEmail .regEmailFooter p {
  color: #999;
  line-height: 24px;
  text-indent: 2em;
}

/*创建绑定*/
.regActivate .binding {
  padding-top: 20px;
}
.binding .regInputArea .regInputBox input {
  border: 1px solid #e0e0e0;
}
.binding .regArea {
  background: none;
  padding: 0px;
  height: 340px;
}
.binding .bindingFl {
  float: left;
  width: 315px;
  padding-left: 60px;
}
.binding .bindingFr {
  float: right;
  width: 500px;
  border-left: 1px dashed #e0e0e0;
  padding-left: 100px;
}
.binding .bindingFr .regInputArea .regInputFl {
  width: 230px;
}

/*找回密码*/
.findPwd .findPwdBox {
  width: 440px;
  margin: 0 auto;
}
.findPwd .findPwdArea {
  margin-bottom: 20px;
}
.findPwd .findPwdArea .fdPwdFl {
  width: 230px;
  height: 40px;
  position: relative;
  float: left;
}
.findPwd .findPwdArea .fdPwdFl label {
  width: 220px;
  height: 20px;
  line-height: 20px;
  padding: 10px;
  color: #999;
  position: absolute;
  left: 0px;
  top: 0px;
}
.findPwd .findPwdArea .fdPwdFl input {
  border: 1px solid #e0e0e0;
  width: 210px;
  height: 18px;
  line-height: 18px;
  padding: 10px;
  color: #333;
}
.findPwd .findPwdArea .fdPwdFr {
  float: left;
  margin-left: 20px;
}
#findCodeArea .findCode {
  width: 0px;
}
#findCodeArea .fdPwdFl {
  width: 230px;
}
#findCodeArea label {
  width: 98px;
}
#findCode {
  width: 98px;
  float: left;
  margin-right: 10px;
}

/*我的导航*/
#secondNav {
  background: #fff;
  box-shadow: 0 2px 2px #ddd;
  overflow: hidden;
  min-width: 1000px;
}
#secondNav .secondNavIn {
  width: 1000px;
  margin: 0 auto;
}
#secondNav .secondNavIn ul li {
  float: left;
  margin-right: 60px;
}
#secondNav .secondNavIn ul li a {
  height: 50px;
  line-height: 50px;
  display: block;
  color: #444;
  position: relative;
  float: left;
}
#secondNav .secondNavIn ul li a b {
  font-size: 0px;
  line-height: 0px;
  height: 0px;
  width: 0px;
  display: none;
  border: 8px solid #e6e6e6;
  border-color: #fff #fff #e6e6e6 #fff;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -5px;
}
#secondNav .secondNavIn ul li a:hover,
#secondNav .secondNavIn ul li .hv {
  color: #45ace9;
}
#secondNav .secondNavIn ul li .hv b {
  display: block;
}
#secondNav .secondNavIn ul .firstNav {
  float: right;
  margin-right: 0px;
}

.usWrap {
  width: 1000px;
  margin: 0 auto;
}
.rowTrangle {
  width: 12px;
  line-height: 1.125;
  height: 7px;
  overflow: hidden;
}
.rowTrangle * {
  width: 12px;
  font-family: 'SimSun';
  overflow: hidden;
  display: inline-block;
  height: 10px;
}
.rowTrangle .rowTrLine {
  color: #e8d8d8;
}
.rowTrangle .rowTrBg {
  margin: -9px 0 0;
  color: #fff;
}

/*个人资料*/
.firstRow {
  background: #fff;
  border: 1px solid #e8e8e8;
}
.firstRow .perArea {
  width: 199px;
  float: left;
  padding: 0 10px;
}
.firstRow .avaterArea {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}
.firstRow .avaterArea .rowTrangle {
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -6px;
}
.firstRow .avaterArea .avaterBox {
  text-align: center;
  color: #666666;
  padding-top: 10px;
}
.firstRow .avaterArea .avaterBox .userName {
  line-height: 30px;
  width: 180px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto;
  white-space: nowrap;
}
.firstRow .avaterArea .avaterImg {
  width: 91px;
  height: 91px;
  margin: 0 auto;
  border: 1px solid #e8e8e8;
  position: relative;
}
.firstRow .avaterArea .avaterImg img {
  width: 87px;
  height: 87px;
  border: 2px solid #fff;
}
.firstRow .avaterArea .avaterImg .repAvater {
  position: absolute;
  bottom: 2px;
  left: 2px;
  width: 87px;
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background: #000;
  filter: alpha(opacity=50);
  background: rgba(0, 0, 0, 0.5);
}
.firstRow .personalArea {
  color: #666;
  position: relative;
}
.firstRow .personalArea .addOne {
  position: absolute;
  right: 0;
  top: 0px;
  color: red;
  font-weight: bold;
  font-family: arial;
  font-size: 24px;
  display: none;
  opacity: 1;
}
.firstRow .personalArea .smTitle {
  color: #666;
}
.firstRow .personalArea a {
  color: #666;
}
.firstRow .personalArea a:hover {
  color: #45ace9;
}
.firstRow .mylevel .mylevelTitle {
  float: left;
}
.firstRow .mylevel .mylevelBox {
  float: left;
}
.firstRow .mylevel .mylevelBox dl dd {
  height: 9px;
  margin-top: 5px;
  width: 8px;
  float: left;
  margin-right: 1px;
  background: #e6e6e6;
  display: block;
}
.firstRow .mylevel .mylevelBox dl .redBg {
  background: #e36666;
}
.firstRow .mylevel .mylevelBox dl dt {
  float: left;
  font-size: 12px;
  margin-left: 10px;
}
.firstRow .perLink a {
  margin-right: 20px;
  font-size: 12px;
}
.signMd .signFl {
  width: 200px;
}
.signMd .signFl a {
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f88f54;
  color: #fff;
  font-size: 18px;
}
.signMd .signFl .signBtn:hover {
  color: #fff;
  background: #e17336;
}
.signMd .signFl .signBtnGray {
  color: #fff;
  background: #9b9b9b;
}
.signMd .signFl .signBtnGray:hover {
  color: #fff;
  background: #9b9b9b;
}

/*天气*/
.firstRow .wetArea {
  width: 444px;
  float: left;
  padding: 20px;
  color: #666;
  line-height: 24px;
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.firstRow .wetArea a {
  color: #45ace9;
  float: right;
  display: block;
  width: 100px;
  text-align: right;
}
.firstRow .wetArea a:hover {
  text-decoration: underline;
}
.firstRow .wetArea .dateArea {
  margin-bottom: 20px;
}
.firstRow .wetArea .dateArea b {
  font-size: 18px;
  margin-right: 10px;
}
.firstRow .wetArea .weaData {
  margin-bottom: 20px;
}

/*搜索*/
.firstRow .searArea {
  width: 253px;
  float: left;
  padding: 20px;
}
.firstRow .searArea h4 {
  margin-bottom: 5px;
}
.firstRow .searArea h4 .title {
  font-size: 24px;
  color: #666;
}
.firstRow .searArea h4 .more {
  float: right;
  margin-top: 10px;
  color: #666;
  font-size: 14px;
}
.firstRow .searArea h4 .more:hover {
  color: #45ace9;
}
.firstRow .searArea .searInputArea {
  width: 250px;
  height: 22px;
  position: relative;
  margin-bottom: 10px;
  z-index: 10;
}
.firstRow .searArea .searInputArea label {
  width: 180px;
  padding: 0 5px;
  height: 22px;
  line-height: 22px;
  position: absolute;
  left: 0px;
  top: 0px;
  color: #999;
  font-size: 12px;
}
.firstRow .searArea .searInputArea .searInput .searTxt {
  width: 180px;
  height: 14px;
  color: #333;
  line-height: 14px;
  padding: 3px 5px;
  float: left;
  border: 1px solid #e8e8e8;
  font-size: 12px;
}
.firstRow .searArea .searInputArea .searInput .bdBtn {
  width: 58px;
  height: 22px;
  font-size: 12px;
  color: #fff;
  float: left;
  background: #45ace9;
  border: none;
  cursor: pointer;
}
.firstRow .searArea .searInputArea .searInput .bdBtn:hover {
  background: #3296d1;
}
.firstRow .searArea .searInputArea .searList {
  display: none;
  position: absolute;
  top: 21px;
  left: 0px;
  width: 190px;
  z-index: 10;
  background: #fff;
  border: 1px solid #e8e8e8;
  font-size: 12px;
}
.firstRow .searArea .searInputArea .searList li {
  padding: 0 10px;
  height: 24px;
  cursor: pointer;
  line-height: 24px;
  color: #666;
  overflow: hidden;
}
.firstRow .searArea .searInputArea .searList li:hover {
  background: #f5f5f5;
}
.firstRow .searArea .searInputArea .searList li a {
  display: block;
  color: #666;
}
.firstRow .searArea .searInputArea .searList .hv {
  background: #f5f5f5;
}
.firstRow .searArea .searRescord p {
  line-height: 24px;
  font-size: 14px;
  color: #666;
}
.firstRow .searArea .searRescord p a {
  color: #45ace9;
}
.firstRow .searArea .searRescord p a:hover {
  text-decoration: underline;
}
.firstRow .searArea .searRescord .grayLine {
  color: #999;
  float: right;
}
.firstRow .searArea .searRescordNull {
  text-align: center;
  font-size: 12px;
  color: #999;
  padding-top: 10px;
}
.firstRow .searArea .searRescordNull .searNull {
  background: url(images/user.html) no-repeat -65px -640px;
  padding-left: 20px;
}
.firstRow .searArea .searRescordNull i {
  display: inline-block;
  width: 85px;
  height: 85px;
  background: url(images/user.html) no-repeat -342px -742px;
  margin: 10px 0;
}
.firstRow .searArea .searRescordNull span {
  display: block;
}

/*常用网址*/
.titleMd .titleArea {
  float: left;
  width: 150px;
}
.titleMd .titleArea h2 {
  color: #666;
  font-size: 24px;
}
.titleMd .ofUrlCenter {
  float: left;
}
.titleMd .ofUrlCenter .tabMyUrl {
  margin-top: 15px;
  color: #999;
  font-size: 12px;
}
.titleMd .ofUrlCenter .tabMyUrl a {
  color: #45ace9;
}
.titleMd .ofUrlCenter .tabMyUrl a:hover {
  text-decoration: underline;
}
.titleMd .ofMore {
  float: right;
  width: 100px;
  text-align: right;
  margin-top: 15px;
}
.titleMd .ofMore a {
  color: #666;
  font-size: 14px;
}
.titleMd .ofMore a:hover {
  color: #45ace9;
}
.oftenUrl {
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 15px;
}
.myWebLinkMd ul li a {
  color: #999;
}
.myWebLinkMd ul li a:hover {
  color: #333;
}
.ofContent {
  padding: 20px 5px 0 5px;
}
.ofContent ul li {
  width: 136px;
  float: left;
  position: relative;
  height: 30px;
}
.ofContent ul li .ofConLink {
  width: 136px;
  height: 30px;
}
.ofContent ul li .ofConLink .ofLink {
  display: block;
  float: left;
  width: 110px;
  height: 30px;
  line-height: 30px;
  text-indent: 10px;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ofContent ul li .ofConLink .ofLink.hv {
  background: url(images/user.html) no-repeat 70px -574px #ebebeb;
}
.ofContent ul li .ofConLink .jumpLink {
  display: none;
  float: left;
  width: 25px;
  height: 30px;
  margin-left: 1px;
  background: url(images/user.html) no-repeat -80px -574px #ebebeb;
}
.ofContent ul li .clicked .ofLink {
  color: #999;
}
.ofContent ul li .clicked .ofLink:hover {
  background: url(images/user.html) no-repeat 70px -633px #ebebeb;
}
.ofContent ul li .clicked .ofLink.edhv {
  background: url(images/user.html) no-repeat 70px -633px #ebebeb;
}
.ofContent ul li .ofPrompt {
  display: none;
  position: absolute;
  top: -30px;
  background: #fff3c8;
  width: 136px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.ofContent ul li .ofPrompt span {
  color: #d67915;
}
.ofContent ul li .ofPrompt b {
  display: block;
  height: 0px;
  width: 0px;
  font-size: 0px;
  border: 5px solid #fff3c8;
  border-color: #fff3c8 #ebebeb #ebebeb #ebebeb;
  border-color: #fff3c8 transparent transparent transparent;
  _display: none;
  position: absolute;
  left: 50%;
  margin-left: -5px;
}

/*彩票*/
.lottery {
  border: 1px solid #e8e8e8;
  background: #fff;
  padding: 20px 15px;
}
.lottery .lotteryContent {
  padding-top: 20px;
  overflow: hidden;
}
.lottery .lotteryContent ul {
  position: relative;
  overflow: hidden;
  margin-right: -60px;
}
.lottery .lotteryContent ul li {
  width: 220px;
  float: left;
  margin-right: 25px;
  _margin-right: 20px;
}
.lottery .lotteryContent ul li h3 {
  height: 30px;
  color: #333;
  line-height: 30px;
  border-bottom: 1px solid #e8e8e8;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.lottery .lotteryContent ul li .lotteryNum .lotterP {
  font-size: 12px;
  color: #999;
  margin-bottom: 10px;
}
.lottery .lotteryContent ul li .lotteryNum .lotterP span {
  margin: 0 10px;
}
.lottery .lotteryContent ul li .lotteryNum .lotterP .red {
  color: #de2839;
}
.lottery .lotteryContent ul li .lotteryNum dl {
  overflow: hidden;
  margin-right: -10px;
  margin-bottom: 10px;
  width: 230px;
  height: 25px;
}
.lottery .lotteryContent ul li .lotteryNum dl dd {
  float: left;
  height: 25px;
  width: 30px;
  color: #fff;
  background: url(images/user.html) no-repeat -79px -696px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
}
.lottery .lotteryContent ul li .lotteryNum dl .blueBg {
  background: url(images/user.html) no-repeat -17px -696px;
}
.lottery .lotteryContent ul li .lotteryNum dl dt {
  float: left;
  font-size: 12px;
  margin-left: 10px;
  color: #333;
  height: 25px;
  line-height: 25px;
}
.lottery .lotteryContent ul li .betting .immBet {
  margin-right: 10px;
  width: 65px;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  display: inline-block;
  background: #e54647;
  color: #fff;
  text-align: center;
}
.lottery .lotteryContent ul li .betting .immBet:hover {
  background: #d13738;
}
.lottery .lotteryContent ul li .betting .letBet {
  color: #3d3d3d;
  font-size: 12px;
}
.lottery .lotteryContent ul li .betting .letBet:hover {
  color: #4691d5;
}

/*我的电影*/
.myvideo {
  background: #fff;
  padding: 15px;
  border: 1px solid #e8e8e8;
}
.videoTabArea {
  float: left;
  border-bottom: 1px solid #e8e8e8;
  width: 720px;
  height: 30px;
  line-height: 30px;
}
.videoTabArea .tabArea {
  width: 320px;
  margin: 0 auto;
}
.videoTabArea .tabArea ul li {
  float: left;
}
.videoTabArea .tabArea ul li a {
  display: block;
  padding: 0 10px;
  height: 30px;
  color: #666;
  font-weight: bold;
  margin-right: 20px;
  text-align: center;
}
.videoTabArea .tabArea ul li a:hover {
  border-bottom: 2px solid #4691d5;
  color: #4691d5;
}
.videoTabArea .tabArea ul li .hv {
  border-bottom: 2px solid #4691d5;
  color: #4691d5;
}

.myvideo .myVideoContent {
  min-height: 253px;
}
.myvideo .myVideoItem {
  padding-top: 20px;
  padding-bottom: 10px;
  display: none;
}
.myvideo .myVideoItem ul {
  overflow: hidden;
  margin-right: -30px;
  position: relative;
}
.myvideo .myVideoItem ul li {
  float: left;
  width: 130px;
  float: left;
  margin-right: 30px;
}
.myvideo .myVideoItem ul li img {
  width: 130px;
  height: 173px;
}
.myvideo .myVideoItem ul li a span {
  width: 130px;
  display: block;
  font-size: 12px;
  color: #333;
  height: 20px;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.myvideo .myVideoItem ul li a .vStart {
  color: #999;
}
.myvideo .myVideoItem ul li a:hover .vTitle {
  color: #4691d5;
}
.myvideo .myVideoNull {
  height: 213px;
}
.videoNull {
  width: 420px;
  margin: 60px auto;
  overflow: hidden;
}
.videoNull p {
  color: #999;
}
.videoNull p a {
  color: #4691d5;
}
.videoNull p a:hover {
  text-decoration: underline;
}
.videoNull i {
  width: 60px;
  height: 60px;
  display: block;
  float: left;
  background: url(images/user.html) no-repeat -341px -611px;
  margin-right: 20px;
}
.videoNull .videoNullTxt {
  margin-top: 10px;
  float: left;
}
.myvideo .block {
  display: block;
}

/*其它分类*/
.otherTypeArea {
  background: #fff;
  border: 1px solid #e8e8e8;
}
.otherTypeArea .otherType {
  float: left;
  width: 455px;
  padding: 10px 20px;
  height: 323px;
}
.otherTypeArea .ofMore {
  width: 80px;
}
.otherTypeArea .otherType .otherTabArea {
  float: left;
  width: 240px;
}
.otherTypeArea .otherType .otherTabArea .tabArea {
  border-bottom: 1px solid #e8e8e8;
  height: 30px;
  line-height: 30px;
}
.otherTypeArea .otherType .otherTabArea .tabArea ul li {
  float: left;
  width: 70px;
  text-align: center;
}
.otherTypeArea .otherType .otherTabArea .tabArea ul li a {
  color: #666;
  display: block;
  height: 30px;
  line-height: 30px;
}
.otherTypeArea .otherType .otherTabArea .tabArea ul li a:hover {
  color: #4691d5;
  border-bottom: 2px solid #4691d5;
}
.otherTypeArea .otherType .otherTabArea .tabArea ul li .hv {
  color: #4691d5;
  border-bottom: 2px solid #4691d5;
}
.otherTypeArea .otherType .otherContent {
  padding-top: 20px;
}

.goodsArea {
  border-right: 2px solid #e8e8e8;
  border-bottom: 2px solid #e8e8e8;
}
.goodsArea .goodsItem {
  display: none;
}
.goodsArea .block {
  display: block;
}
.goodsPic ul {
  overflow: hidden;
  margin-right: -30px;
  position: relative;
}
.goodsPic ul li {
  width: 110px;
  height: 188px;
  float: left;
  margin-right: 7px;
  position: relative;
}
.goodsPic ul li img {
  width: 110px;
  height: 188px;
}
.goodsPic ul li a span {
  position: absolute;
  bottom: 0px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  left: 0px;
  font-size: 12px;
  display: block;
  width: 110px;
  text-align: center;
  color: #fff;
  background: #000;
  filter: alpha(opacity=75);
  background: rgba(0, 0, 0, 0.5);
}
.goodsLink a {
  width: 85px;
  display: inline-block;
  color: #666;
  font-size: 12px;
  margin-bottom: 10px;
}
.goodsLink a:hover {
  color: red;
  text-decoration: underline;
}

.newsArea {
  border-bottom: 2px solid #e8e8e8;
}
.newsArea .newsItem {
  overflow: hidden;
  width: 480px;
  position: relative;
  display: none;
}
.newsArea .block {
  display: block;
}
.newsArea .newsMd {
  float: left;
  margin-right: 30px;
}

.newslist li {
  float: left;
  width: 240px;
  overflow: hidden;
}
.newslist li.picnews {
  height: 90px;
  position: relative;
  margin-bottom: 15px;
}
.newslist li.picnews span {
  position: absolute;
  bottom: 0px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  left: 0px;
  font-size: 12px;
  display: block;
  width: 220px;
  text-align: center;
  color: #fff;
  background: #000;
  filter: alpha(opacity=70);
  background: rgba(0, 0, 0, 0.5);
}
.newslist li a {
  color: #3d3d3d;
  display: block;
  height: 28px;
  line-height: 28px;
}
.newslist li a b {
  border-top: 3px solid #ccc;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
  display: block;
  width: 3px;
  float: left;
  margin-right: 5px;
  margin-top: 13px;
}
.newslist li a span {
  float: left;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 200px;
}
.newslist li a:hover {
  color: #4691d5;
}

.gameArea {
  border-right: 2px solid #e8e8e8;
}
.gameArea .gameItem {
  display: none;
}
.gameArea .block {
  display: block;
}
.gameArea .videoNull {
  width: 480px;
}
.gameArea .videoNull i {
  background-position: -179px -741px;
  width: 100px;
  margin-right: 10px;
}
.gameItem ul {
  margin-right: -30px;
  overflow: hidden;
  position: relative;
}
.gameItem ul li {
  float: left;
  width: 100px;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.gameItem ul li img {
  width: 100px;
  height: 75px;
}
.gameItem ul li a span {
  display: block;
  text-align: center;
  width: 100px;
  line-height: 30px;
  height: 30px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666;
}
.gameItem ul li a:hover span {
  color: red;
}

.novelArea .novelItem {
  display: none;
}
.novelArea .block {
  display: block;
}
.novelPic {
  border-bottom: 1px dotted #e8e8e8;
  margin-bottom: 10px;
}
.novelPic ul {
  overflow: hidden;
  position: relative;
  margin-right: -40px;
}
.novelPic ul li {
  float: left;
  width: 100px;
  margin-right: 20px;
  position: relative;
}
.novelPic ul li img {
  width: 100px;
  height: 130px;
}
.novelPic ul li .wordNum {
  position: absolute;
  top: 110px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  left: 0px;
  font-size: 12px;
  display: block;
  width: 100px;
  text-align: center;
  color: #fff;
  background: #000;
  filter: alpha(opacity=70);
  background: rgba(0, 0, 0, 0.5);
}
.novelPic ul li .novelTitle {
  color: #666;
  display: block;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  display: block;
  width: 100px;
  text-align: center;
}
.novelLink ul {
  overflow: hidden;
  margin-right: -20px;
  position: relative;
}
.novelLink ul li {
  width: 100px;
  float: left;
  margin-right: 10px;
  color: #999;
  font-size: 12px;
  margin-bottom: 5px;
}
.novelLink ul li span {
  display: block;
  float: left;
}
.novelLink ul li a {
  color: #666;
  margin-left: 5px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float: left;
  width: 58px;
}
.novelLink ul li a:hover {
  color: red;
}
.novelLink ul li .coRed {
  color: red;
}
.novelLink ul li .coBlue {
  color: #0071c0;
}
.novelLink ul li .coGreend {
  color: #00b04e;
}
.novelItem .videoNull {
  width: 440px;
}
.novelItem .videoNull i {
  background-position: -466px -608px;
}

/*我的收藏夹*/
.myCollect .titleArea {
  width: 150px;
}
.myWebUrlCollect {
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 20px;
}
.myWebUrlCollect .tabArea {
  margin: 0;
}
.myWebUrlCollect .videoTabArea {
  width: 805px;
}
.myWebUrlCollect .videoTabArea .tabArea {
  width: 630px;
  overflow: hidden;
  float: left;
  padding: 0px 10px;
}
.myWebUrlCollect .videoTabArea .tabArea ul li a {
  font-weight: normal;
}
.myWebUrlCollect .videoTabArea .addType {
  float: right;
  width: 150px;
  text-align: right;
}
.myWebUrlCollect .videoTabArea .addType a {
  color: #45ace9;
  display: block;
  background: url(images/user.html) no-repeat -504px -23px;
}
.myWebUrlItem {
  padding: 10px 0;
  display: none;
}
.myWebUrlItem ul li {
  width: 135px;
  float: left;
}
.myWebUrlItem ul li .myCoLink {
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  color: #666;
  margin-right: 5px;
  width: 80px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.myWebUrlItem ul li .myCoLink:hover {
  color: #4691d5;
}
.myWebUrlItem ul li .controlLink {
  display: none;
}
.myWebUrlItem ul li .controlLink a {
  display: block;
  height: 20px;
  width: 20px;
  background: url(images/user.html) no-repeat -18px -787px #f3f3f3;
  float: left;
  margin-top: 5px;
  margin-left: 1px;
}
.myWebUrlItem ul li .controlLink .closeUrl {
  background-position: -18px -787px;
}
.myWebUrlItem ul li .controlLink .editLink {
  background-position: -20px -742px;
}
.myWebUrlItem ul li .closeUrl:hover {
  background-position: -18px -837px;
}
.myWebUrlItem ul li .editLink:hover {
  background-position: -80px -742px;
}
.myWebUrlItemNull {
  color: #666;
  height: 250px;
  line-height: 250px;
  text-align: center;
}
.myWebUrlCollect .block {
  display: block;
}
.addWebUrl {
  overflow: hidden;
  padding-top: 20px;
  border-top: 1px solid #c6c6c6;
  height: 60px;
  border-bottom: 1px dashed #eeeeee;
}
.addWebUrl div {
  float: left;
}
.addWebUrl .addTitle {
  margin-left: 150px;
}
.addWebUrl .addTitle span {
  color: #666;
  height: 32px;
  line-height: 32px;
}
.addWebUrl .addInputBox {
  margin-right: 20px;
}
.addWebUrl .addInputBox span {
  float: left;
  font-size: 14px;
  color: #666;
  margin-right: 10px;
  line-height: 32px;
  display: block;
  height: 32px;
}
.addWebUrl .addInputBox .addInput {
  width: 190px;
  height: 32px;
  line-height: 32px;
  position: relative;
}
.addWebUrl .addInputBox .addInText {
  width: 180px;
  border: 1px solid #bdbdbd;
  padding: 7px 5px;
  height: 20px;
  line-height: 20px;
  color: #666;
}
.addWebUrl .addInputBox label {
  color: #999;
  font-size: 12px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 182px;
  padding: 0 5px;
  line-height: 32px;
  height: 32px;
}
.addWebUrl .addInputBox #addSelType {
  float: left;
  height: 30px;
  margin-top: 5px;
}
.addBtn {
  width: 80px;
  height: 35px;
  color: #fff;
  background: #4691d5;
  border: none;
  cursor: pointer;
}
.addBtn:hover {
  background: #2285bf;
}

/*推荐网址*/
.recommendWebUrl {
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 20px;
  border-top: none;
}
.recommednContent .reSidebar {
  float: left;
  width: 90px;
}
.recommednContent .reSidebar dt {
  color: #999;
  padding: 30px 0;
  text-align: right;
}
.recommednContent .reSidebar dd a {
  color: #666;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: right;
}
.recommednContent .reSidebar dd a:hover {
  color: #4691d5;
}
.recommednContent .reSidebar dd .hv {
  color: #4691d5;
}
.recommednContent .reMain {
  float: right;
  width: 800px;
  padding-left: 40px;
  border-left: 1px solid #e8e8e8;
  position: relative;
}
.recommednContent .reMain .reItem {
  display: none;
}
.reModule {
  margin-bottom: 20px;
  width: 800px;
}
.reModule .myWebUrlItem {
  display: block;
}
.reModule .ofContent {
  padding-top: 0px;
}
.reModule .ofContent ul li {
  height: 30px;
  line-height: 30px;
}
.reModule h4 {
  color: #666;
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.reModule h4 b {
  display: inline-block;
  width: 2px;
  height: 13px;
  margin-top: 4px;
  background: #666;
  float: left;
  margin-right: 5px;
}
.reModule ul li {
  width: 120px;
  float: left;
  margin-right: 10px;
  line-height: 24px;
  height: 24px;
}
.reModule ul li a {
  color: #666;
  display: block;
  width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.reModule ul li a:hover {
  color: #4691d5;
}
.recommednContent .reMain .block {
  display: block;
}

.trRow {
  position: absolute;
  width: 22px;
  left: -10px;
  top: 84px;
}
.trRow * {
  font-family: 'SimSun';
  overflow: hidden;
  font-size: 20px;
  line-height: 1.231;
  display: block;
  height: 20px;
}
.trRow .trLine {
  color: #e8e8e8;
}
.trRow .trBg {
  color: #fff;
  margin-top: -20px;
  margin-left: 1px;
}

/*弹出框*/
.errorMassageArea {
  background: #ffdbdb;
  color: #d61515;
  line-height: 25px;
  height: 25px;
  width: 164px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 12px;
  display: none;
}
.addModule {
  position: fixed;
  background: #fff;
  border: 5px solid #bababc;
  width: 260px;
  z-index: 10;
  display: none;
}
.addModule .addModuleIn {
  padding: 10px;
  border: 1px solid #a9a9a9;
}
.addModule .closeAddModule {
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  width: 15px;
  height: 15px;
  background: url(images/user.html) no-repeat -20px -883px;
}
.addModule h5 {
  color: #666;
  margin-bottom: 10px;
}
.addModule h5 span {
  color: #999;
  font-size: 12px;
}
.addModule .addTypeArea ul li {
  overflow: hidden;
  margin-bottom: 10px;
}
.addModule .addTypeArea ul li .addNum {
  display: block;
  width: 20px;
  height: 30px;
  line-height: 30px;
  color: #666;
  float: left;
}
.addModule .addTypeArea ul li .addInputBox {
  width: 114px;
  height: 28px;
  position: relative;
  float: left;
  margin-right: 10px;
}
.addModule .addTypeArea ul li .addInputBox label {
  position: absolute;
  height: 28px;
  width: 106px;
  line-height: 28px;
  padding: 0 5px;
  color: #999;
}
.addModule .addTypeArea ul li .addInputBox input {
  padding: 6px 5px;
  height: 14px;
  line-height: 14px;
  color: #333;
  width: 104px;
  border: 1px solid #bdbdbd;
}
.addModule .addTypeArea .errorMassageArea {
  margin-left: 20px;
}
.blueBtn {
  display: inline-block;
  width: 40px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background: #45ace9;
}
.blueBtn:hover {
  background: #268cc8;
}
.grayBtn {
  display: inline-block;
  width: 40px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  background: #bababc;
}
.grayBtn:hover {
  background: #999;
}

.addWebUrlArea .addUrlInput {
  overflow: hidden;
  margin-bottom: 10px;
}
.addWebUrlArea .addUrlInput label {
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  color: #666;
  float: left;
  margin-right: 10px;
}
.addWebUrlArea .addUrlInput input {
  float: left;
  width: 140px;
  border: 1px solid #dbdbdb;
  height: 14px;
  line-height: 14px;
  padding: 8px 5px;
  color: #333;
}
.addWebUrlArea .addUrlInput select {
  float: left;
  margin-top: 5px;
}
.addWebUrlArea .addWebUrlSave {
  margin-left: 70px;
}

/*我的浏览记录*/
.myBrowse .titleArea {
  width: 150px;
}
.myBrowse .tabArea ul li {
  width: 100px;
}
.myBrowse .videoTabArea .tabArea ul li a {
  width: 80px;
}
.myBrowse .videoTabArea .tabArea ul li a {
  width: 80px;
}
.myBrowse .browseSet {
  width: 100px;
  text-align: right;
  float: right;
}
.myBrowse .browseSet a {
  color: #666;
}
.myBrowseItem {
  display: none;
}

/*网址*/
.myBrowseContent h5 {
  color: #666;
  font-weight: bold;
}
.myBroGen ul li {
  padding: 20px 0;
  border-bottom: 1px dashed #c6c6c6;
}
.myBroGen ul li label {
  display: block;
  line-height: 30px;
  height: 30px;
  color: #666;
  overflow: hidden;
}
.myBroGen ul li label input {
  float: left;
  margin-top: 9px;
  *margin-top: 5px;
  margin-right: 5px;
}
.myBroGen ul li a {
  color: #45ace9;
  display: block;
  float: left;
}
.myBroGen ul li .broTxt {
  color: #666;
  margin: 0 5px;
  display: block;
  float: left;
}
.myBroGen ul li .grayUrl {
  color: #999;
  width: 700px;
  display: block;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.myBrReControl {
  margin: 15px 0;
  overflow: hidden;
  height: 40px;
}
.myBrReControl .chooseRe {
  float: left;
  width: 150px;
  color: #666;
  margin-top: 10px;
}
.myBrReControl input {
  float: left;
  margin-top: 4px;
  margin-right: 5px;
}
.myBrReControl .emptyLink {
  float: left;
  width: 115px;
  margin-right: 10px;
}
.myBrReControl .emptyLink a {
  width: 110px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #47ade9;
  display: block;
  float: left;
}
.myBrReControl .emptyLink a:hover {
  background: #2a89c0;
}
.myBrReControl .myBrRePage {
  float: left;
  width: 190px;
}
.myBrReControl .myBrRePage a {
  color: #666;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
}
.myBrReControl .myBrRePage a:hover {
  color: #47ade9;
}
.myBrReControl .myBrRePage span {
  color: #999;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
}

/*搜索*/
.myBroSearch h5 {
  margin-bottom: 10px;
}
.myBroSearch dd {
  padding-left: 60px;
  height: 30px;
  line-height: 30px;
}
.myBrowseContent .block {
  display: block;
}
.myBroSearNull {
  height: 150px;
  text-align: center;
  color: #999;
}
.myBroSearNull .searIcon {
  width: 278px;
  margin: 50px auto 0 auto;
  font-size: 14px;
}
.myBroSearNull .broNullFirstP {
  background: url(images/user.html) no-repeat -65px -639px;
  padding-left: 44px;
  text-align: left;
}
.myBroSearNull i {
  display: block;
  background: url(images/user.html) no-repeat -350px -743px;
  margin: 10px auto;
  height: 80px;
  width: 80px;
}

/*游戏、影视*/
.picAreaGen h6 {
  color: #666;
  margin-bottom: 5px;
}
.picAreaGen ul {
  overflow: hidden;
  margin-right: -20px;
  position: relative;
}
.picAreaGen ul li {
  position: relative;
  width: 140px;
  text-align: center;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.picAreaGen ul li a {
  display: block;
  border: 1px solid #e8e8e8;
  padding: 10px;
}
.picAreaGen ul li a img {
  max-width: 120px;
}
.picAreaGen ul li a span {
  display: block;
  line-height: 30px;
}
.picAreaGen ul li a .smTitle {
  font-size: 12px;
  color: #666;
  display: block;
  width: 120px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.picAreaGen ul li a .closeBro {
  display: none;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 6px;
  top: 6px;
  background: url(images/user.html) no-repeat -74px -785px;
}
.picAreaGen ul li a .myBroBtn {
  width: 90px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background: #45ace9;
  margin: 0 auto;
}
.picAreaGen ul li a .myBroBtn:hover {
  background: #2281b9;
}
.picAreaGen ul li a:hover {
  border: 1px solid #a8dfff;
}
.picAreaGen ul li a:hover .smTitle {
  color: red;
}
.picAreaGen ul li a:hover .closeBro {
  display: block;
}

.myBrowseBottom {
  border-top: 1px dashed #ccc;
  padding-top: 10px;
}
.myBrowseBottom .titleArea {
  width: 220px;
}
.myBrowseBottom .ofMore {
  width: 50px;
}
.myBrowseBottom .myBroBottomTitCen {
  width: 670px;
  float: left;
  margin-top: 15px;
}
.myBrowseBottom .myBroBottomTitCen .myBroBottomTitCenFl {
  width: 250px;
  float: left;
}
.myBrowseBottom .myBroBottomTitCen .myBroBottomTitCenFr {
  width: 420px;
  float: right;
  text-align: right;
}
.myBrowseBottom .myBroBottomTitCen a {
  color: #666;
  margin-right: 5px;
}
.myBrowseBottom .myBroBottomTitCen a:hover {
  color: #47ade9;
}

.myBrowseBottom .myBrowseContent {
  padding-top: 20px;
}
.myBrowseBottom .myBrowseContent ul {
  width: 1000px;
  overflow: hidden;
  position: relative;
}
.myBrowseBottom .myBrowseContent ul li {
  width: 120px;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
.myBrowseBottom .myBrowseContent ul li a {
  color: #666;
  display: block;
  font-size: 12px;
  text-align: center;
}
.myBrowseBottom .myBrowseContent ul li a:hover span {
  color: red;
}
.myBrowseBottom .myBrowseContent ul li img {
  width: 72px;
  height: 72px;
}
.myBrowseBottom .myBrowseContent ul li span {
  text-align: center;
  display: block;
  line-height: 30px;
  height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 120px;
}

.myTvPlayArea {
  width: 960px;
  overflow: hidden;
}
.myTvPlayArea .picAreaGen ul li a .smTitle {
  text-align: left;
  height: 18px;
  line-height: 18px;
  margin-top: 10px;
}
.myTvPlayArea .picAreaGen ul li a .broStart {
  text-align: left;
  font-size: 12px;
  color: #999;
  width: 120px;
  height: 18px;
  line-height: 18px;
  margin-bottom: 10px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#myMoviePlayArea .picAreaGen ul li {
  margin-bottom: 0px;
}
#myMoviePlayArea .picAreaGen ul li a {
  border: none;
}

/*小说*/
.myNovieArea .picAreaGen ul li {
  width: 120px;
}
.myNovieArea .picAreaGen ul li img {
  width: 100px;
  height: 130px;
}
.myNovieArea .picAreaGen ul li a .smTitle {
  width: 100px;
  text-align: center;
  margin-bottom: 10px;
}
.myNovieArea .picAreaGen ul li a .opacityBg {
  width: 100px;
  text-align: center;
  position: absolute;
  left: 11px;
  top: 110px;
  background: #000;
  filter: alpha(opacity=50);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 12px;
}
.myNovieArea .myNovelAreaBottom .picAreaGen ul li a .opacityBg {
  width: 100px;
  left: 10px;
}

/*我的资料*/
.myProArea {
  border: 1px solid #e8e8e8;
  background: #fdfbf7;
  overflow: hidden;
  height: 100%;
  _height: 800px;
}
.myProArea .myProSidebar {
  width: 210px;
  float: left;
}
.myProArea .myProActiva {
  text-align: center;
  margin: 20px 0 30px;
}
.myProArea .myProAcArea {
  width: 87px;
  border: 1px solid #e8e8e8;
  padding: 2px;
  margin: 0 auto;
  background: #fff;
}
.myProArea .myProActiva .myProAcIn {
  overflow: hidden;
  width: 87px;
  height: 85px;
}
.myProArea .myProAcArea img {
  width: 87px;
  height: 87px;
}
.myProArea .myProActiva strong {
  line-height: 30px;
  color: #666;
  width: 180px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 auto;
}

.myProNav {
  position: relative;
  z-index: 1;
}
.myProNav ul li a {
  border-bottom: 1px solid #e8e8e8;
  width: 210px;
  display: block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #333;
}
.myProNav ul li .hv {
  border-bottom: 1px solid #45ace9;
  color: #fff;
  background: #45ace9;
}
.myProNav ul li a:hover {
  color: #45ace9;
}
.myProNav ul li a.hv:hover {
  color: #fff;
}
.myProArea .myProMain {
  width: 788px;
  float: right;
  background: #fff;
  box-shadow: -5px 0 5px #ddd;
  color: #666;
}
.myProArea .myProMain .myProItem {
  display: none;
  min-height: 800px;
  height: 100%;
  _height: 800px;
  padding: 20px 20px 20px 30px;
}
.myProArea .myProMain .block {
  display: block;
}
.myProArea .myProMain a {
  color: #45ace9;
}
.titleMd {
  overflow: hidden;
  height: 40px;
}
.titleMd .titleH2 {
  width: 120px;
  float: left;
  margin-bottom: 10px;
}
.titleMd .titleH2 h2 {
  font-size: 24px;
}
.titleMd .editLink {
  width: 610px;
  float: right;
  text-align: right;
  border-bottom: 1px solid #e8e8e8;
  line-height: 30px;
  height: 30px;
}
.proMd {
  margin-bottom: 30px;
}
.proMd ul li {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.proMd ul li label {
  display: block;
  width: 100px;
  text-align: right;
  float: left;
}
.proMd ul li .proVal {
  width: 610px;
  float: right;
}
.proMd ul li .proVal span {
  margin-right: 40px;
}
.grayValue span {
  color: #999;
  font-size: 12px;
}
.myProFrom .proMd ul li {
  margin-bottom: 10px;
}
.proMd .inpText {
  border: 1px solid #bdbdbd;
  height: 16px;
  line-height: 16px;
  float: left;
  margin-right: 10px;
  color: #333;
  padding: 6px 5px;
  width: 180px;
  margin-top: 5px;
}
.proMd .inpTextLong {
  border: 1px solid #bdbdbd;
  height: 16px;
  line-height: 16px;
  float: left;
  margin-right: 10px;
  color: #333;
  padding: 6px 5px;
  width: 480px;
  margin-top: 5px;
}
.proMd ul li .inpSel {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
  height: 25px;
}
.proMd ul .character {
  height: 80px;
}
.proMd ul .character .proVal {
  width: 600px;
  float: left;
  margin-left: 30px;
}
.proMd ul .character .proVal span {
  display: block;
  float: left;
  width: 80px;
}
.proMd ul .character .proVal input {
  float: left;
  margin-right: 10px;
  margin-top: 12px;
}
.proMd ul .character .proVal label {
  width: 50px;
  text-align: left;
}
.proMd ul .genderArea .proVal input {
  float: left;
  margin-top: 12px;
}
.proMd ul .genderArea .proVal label {
  width: 55px;
  text-indent: 10px;
  text-align: left;
}
.myProPwdArea ul li .proVal .warnBox {
  float: left;
  margin-left: 10px;
}
.myProPwdArea ul li .proVal .warnBox span {
  margin-right: 0px;
}
.myProPwdArea ul li .proVal .warnBox p {
  line-height: 18px;
}
.myProEditAvatar {
  overflow: hidden;
}
.myProEditAvatar .edAvaFl {
  float: left;
  width: 270px;
}
.myProEditAvatar .edAvaFr {
  float: right;
  width: 400px;
}
.myProEditAvatar .edAvaFr .chooseAvaTxt {
  width: 250px;
  margin-top: 25px;
}
.myProEditAvatar .edAvaFr .chooseAvaTxt h5 {
  margin-bottom: 10px;
}
.myProEditAvatar .edAvaFr .chooseAvaTxt p {
  color: #999;
  font-size: 12px;
}
.selArea {
  margin: 10px 0;
  position: relative;
  width: 80px;
  height: 30px;
}
.selArea #js-file_face {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 80px;
  height: 30px;
  opacity: 0;
  fliter: alpha(opacity=0);
}
.selPic {
  width: 80px;
  height: 30px;
  text-align: center;
  color: #666;
  background: #e8e8e8;
  display: block;
  line-height: 30px;
  cursor: pointer;
}
.selArea a {
  display: block;
  width: 80px;
  height: 30px;
}
.selArea a:hover span {
  background: #d8d5d5;
}

.myProArea .myProMain .myMessageMain {
  padding: 0px;
}
.myMessageMain .msFirstRow {
  background: #f0f0f0;
  height: 35px;
  line-height: 35px;
  padding: 0 30px 0 20px;
}
.myMessageMain .msFirstRow a {
  float: right;
}
.myMessageMain .myMessageList ul li {
  padding: 20px;
  border-bottom: 1px solid #f0f0f0;
  overflow: hidden;
}
.myMessageMain .myMessageList ul li:hover {
  background: #f9f9f9;
}
.myMessageMain .myMessageList ul li .noticIcon {
  width: 50px;
  float: left;
  margin-right: 20px;
}
.myMessageMain .myMessageList ul li .noticIcon i {
  width: 50px;
  display: block;
  height: 50px;
  background: url(images/user.html) no-repeat -504px -775px #ececec;
}
.myMessageMain .myMessageList ul li .noticIcon .active {
  background: url(images/user.html) no-repeat -504px -708px #e3f5ff;
}
.myMessageMain .myMessageList ul li .messageConArea {
  width: 600px;
  float: left;
}
.myMessageMain .myMessageList ul li .msContalArea {
  width: 60px;
  float: right;
}
.myMessageMain .myMessageList ul li .messageConArea .firstP b {
  color: #3c3c3c;
}
.myMessageMain .myMessageList ul li .messageConArea .firstP span {
  float: right;
  color: #999;
}
.myMessageMain .myMessageList ul li .messageCon {
  color: #666;
}
.myMessageMain .myMessageList ul li .msContalArea .closeMessage {
  width: 50px;
  height: 50px;
  display: none;
  background: url(images/user.html) no-repeat -570px -710px;
}
.myMessageMain .myMessageList ul li:hover .closeMessage {
  color: #666;
  display: block;
}
.myMessageMain .myMessageListNull {
  color: #999;
  height: 104px;
  line-height: 104px;
  border-bottom: 1px solid #f0f0f0;
  text-align: center;
}

.myMessagePage {
  text-align: center;
  padding: 40px 0;
}
.myProArea .myProMain .myMessagePage a {
  display: inline-block;
  color: #666;
  padding: 2px 8px;
  border-radius: 2px;
  margin: 0 5px;
}
.myProArea .myProMain .myMessagePage a:hover {
  color: #45ace9;
}
.myProArea .myProMain .myMessagePage .hv {
  background: #45ace9;
  color: #fff;
  border-radius: 2px;
}
.myProArea .myProMain .myMessagePage .hv:hover {
  color: #fff;
  background: #45ace9;
}
.myMessagePage span {
  display: inline-block;
  margin: 0 5px;
  color: #999999;
}

/*我的等级*/
.levelContent {
  padding: 20px;
  border-bottom: 1px solid #f3f3f3;
}
.levelContent .levelGrow {
  padding: 0 20px;
}
.levelContent .levelGrow .levelPicMd {
  margin: 40px 0 10px;
  position: relative;
}
.levelContent .levelGrow .levelPicMd .levelPic {
  width: 100%;
  height: 20px;
  background: #e6e6e6;
  border-radius: 15px;
  overflow: hidden;
}
.levelContent .levelGrow .levelPicMd .levelPic .levelLong {
  width: 0px;
  height: 20px;
  background: #fd6161;
  border-radius: 15px;
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  -webkit-animation: animate-stripes 3s linear infinite;
  animation: animate-stripes 3s linear infinite;
  background-size: 30px 30px;
  -moz-animation: animate-stripes 3s linear infinite;
  background-image: -moz-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -ms-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -webkit-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
}
.levelContent .levelGrow .levelPicMd .levelCite {
  position: absolute;
  display: none;
  text-align: center;
  border-radius: 3px;
  left: 50px;
  top: -40px;
  width: 170px;
  height: 25px;
  background: #fff0c4;
  line-height: 25px;
  font-size: 12px;
  color: #666;
}
.levelContent .levelGrow .levelPicMd .levelCite span {
  color: #e36666;
}
.levelContent .levelGrow .levelPicMd .levelCite b {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -10px;
  font-size: 0px;
  height: 0px;
  line-height: 0px;
  width: 0px;
  border: 5px solid #fff0c4;
  border-color: #fff0c4 transparent transparent transparent;
}
.levelContent .levelGrow .lvComfirm p {
  font-size: 12px;
  color: #999;
}
.levelResume {
  padding: 20px 20px 20px 40px;
  font-size: 14px;
  color: #666;
}
.levelResume h4 {
  margin-bottom: 10px;
  font-weight: bold;
}
.levelResume .grayP {
  color: #999;
  font-size: 12px;
}
.levelTabel {
  border-collapse: collapse;
  background: #fafafa;
  margin: 10px 0;
}
.levelTabel td {
  border: 1px solid #e8e8e8;
  text-align: center;
  line-height: 50px;
  width: 170px;
  height: 50px;
  color: #666;
}
.levelTabel .titleRow td {
  font-weight: bold;
  color: #999999;
}
.levelTabel .red {
  color: #e36666;
}
@-webkit-keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}

@-moz-keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}

@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}

/*弹出层*/
.alertMessage {
  position: fixed;
  width: 260px;
  background: #fff;
  left: 50%;
  top: 50%;
  border: 5px solid #bababc;
  z-index: 52;
  display: none;
}
.alertMessage .messageArea {
  border: 1px solid #a9a9a9;
}
.alertMessage .msTitleArea {
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #dedede;
  text-indent: 10px;
  color: #666;
}
.alertMessage .msTitleArea .closeIcon {
  float: right;
  width: 30px;
  height: 30px;
  display: block;
  background: url(images/user.html) no-repeat -588px -714px;
  margin-right: 10px;
}
.alertMessage .messageCon {
  padding: 30px 0 30px;
  color: #666;
  text-align: center;
}
.bigWarnIcon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(images/user.html) no-repeat -69px -852px;
}
.bigSuIcon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(images/user.html) no-repeat -118px -853px;
}
.bigErrIcon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(images/user.html) no-repeat -178px -853px;
}
.alertMessage .messageCon span {
  position: relative;
  top: -12px;
  left: 5px;
}
.alertMessage .messageBtn {
  text-align: center;
  margin-bottom: 30px;
}
.alertMessage .messageBtn a {
  width: 60px;
}

.showbox,
.boxw {
  display: none;
  background: #fff;
  border: 4px solid #ccc;
  border-top: 2px;
  padding-bottom: 10px;
}
.showbox h2,
.boxw h2 {
  height: 28px;
  border-bottom: 1px solid #999;
  line-height: 28px;
  padding: 0 0 0 10px;
  background: #ccc;
  color: #333;
  font-size: 12px;
}
.showbox h2 span,
.boxw h2 span {
  float: right;
}
.showbox h2 span a,
.boxw h2 span a {
  color: #666;
  font-size: 14px;
  display: inline-block;
  width: 30px;
  height: 28px;
  text-align: center;
}
.showbox h2 span a:hover,
.boxw h2 span a:hover {
  color: #c00;
}

.showcon,
.shownormal {
  min-width: 300px;
  min-height: 100px;
  padding: 10px;
  width: 800px;
  height: 400px;
  overflow: auto;
}
.shownormal {
  background: #fff;
  width: 800px;
  height: 500px;
  overflow-y: auto;
}
.showcon table {
  background: #eee;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 1px;
  border: 1px dotted #eee;
}
.showcon table tr {
  background: #fff;
  line-height: 25px;
}
.showcon table tr td {
  padding: 4px 5px;
}
.wp {
  background: #000;
  color: #fff;
  border-radius: 5px;
  color: #fff;
  filter: alpha(Opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  min-width: 100px;
}
.loadings {
  background: #000 url(../images/loadding.html) no-repeat 5px center;
  text-indent: 20px;
  color: #fff;
  border-radius: 5px;
  color: #fff;
  filter: alpha(Opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.wpcon {
  text-align: center;
  padding: 0 10px;
  line-height: 30px;
  height: 32px;
}

/*main_footer*/
.main_footer {
  padding: 20px 0;
  overflow: hidden;
}
.main_footer .main_footerInner {
  width: 1000px;
  margin: 0 auto;
}
.main_footer .main_footerFl {
  float: left;
}
.main_footer .main_footerFr {
  float: right;
  color: #999;
  font-family: 'arial';
}
.main_footer a {
  color: #666;
  font-size: 12px;
}
.main_footer a:hover {
  color: red;
}
.main_footer i {
  color: #ccc;
  margin: 0 5px;
}

/**头像上传样式**/
.imgareaselect-border1 {
  background: url(../images/border-v.html) repeat-y left top;
}
.imgareaselect-border2 {
  background: url(../images/border-h.html) repeat-x left top;
}
.imgareaselect-border3 {
  background: url(../images/border-v.html) repeat-y right top;
}
.imgareaselect-border4 {
  background: url(../images/border-h.html) repeat-x left bottom;
}
.imgareaselect-border1,
.imgareaselect-border2,
.imgareaselect-border3,
.imgareaselect-border4 {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.imgareaselect-handle {
  background-color: #fff;
  border: solid 1px #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.imgareaselect-outer {
  background-color: #000;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.imgareaselect-selection {
}

/*协议*/
.xyWrap {
  width: 940px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 20px;
  margin-top: 20px;
}
.xyWrap h2 {
  color: #444;
  font-size: 16px;
  height: 40px;
  font-weight: bold;
  line-height: 40px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
}
.xyWrap h3 {
  font-weight: bold;
  font-size: 14px;
  margin: 10px 0;
}
.xyWrap p {
  text-indent: 2em;
  color: #444;
  font-size: 14px;
  line-height: 30px;
}

.loading {
  text-align: center;
}
.loading span {
  background: url(../images/loadding.html) no-repeat 0 center;
  display: inline-block;
  padding: 25px;
  color: #999;
}
.empty {
  color: #999;
  padding: 20px 0;
}
.empty a {
  color: #333;
  padding: 0 5px;
}

.ok,
.error,
.warning {
  background: url(../images/ok.html) no-repeat 0 0;
  display: inline-block;
  padding-left: 40px;
  height: 40px;
}
.error {
  background-image: url(../images/error.html);
}
.warning {
  background-image: url(../images/warning.html);
}

/*我的收货地址和银行卡*/
.myProItem .mpi_commonTil {
  height: 22px;
  line-height: 22px;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
.myProItem .mpi_commonTil .tilTxt {
  height: 23px;
  line-height: 23px;
  font-size: 14px;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0px;
  font-weight: bold;
}
.myProItem .mpi_commonTil .more {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  font-family: 'simson';
}
.myProItem .mpi_commonTil a {
  font-family: 'simson';
  color: #666666;
}
.myProItem .mpi_table {
  width: 100%;
  border: 1px solid #e8e8e8;
}
.myProItem .mpi_table strong {
  font-weight: bold;
}
.myProItem .mpi_table td {
  border-top: 1px solid #e8e8e8;
  height: 80px;
  background: #fafafa;
  text-align: center;
}
.myProItem .mpi_table .detailBtn {
  display: inline-block;
  width: 107px;
  height: 30px;
  line-height: 30px;
  background: #4691d5;
  color: #fff;
  text-align: center;
}
.myProItem .mpi_table .ruleLink {
  text-decoration: underline;
}
.myProItem .class_red,
.myProItem .class_gray {
  display: inline-block;
  width: 8px;
  height: 8px;
  line-height: 8px;
  overflow: hidden;
  background: #d86962;
  margin-right: 1px;
}
.myProItem .class_gray {
  background: #e6e6e6;
}

.myProItem .commonBigTil {
  height: 24px;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
.myProItem .commonBigTil .tilTxt {
  position: absolute;
  top: 0px;
  height: 0px;
  height: 25px;
  line-height: 25px;
  background: #fff;
  font-size: 24px;
  color: #666666;
  font-family: 'Microsoft Yahei';
}
.myProItem .commonBigTil .smallTxt {
  font-size: 14px;
}
.myProItem .commonTilMargin {
  margin: 20px 20px 0px 20px;
}
.myProItem .commonTable table {
  width: 100%;
  font-size: 14px;
  color: #666666;
}
.myProItem .commonTable th {
  background: #f0f0f0;
  height: 35px;
  line-height: 35px;
  position: relative;
}
.myProItem .commonTable td {
  border-bottom: 1px solid #eee;
  height: 42px;
  line-height: 42px;
  text-align: center;
  position: relative;
}
.myProItem .commonTable .divisionLine {
  color: #fff;
  position: absolute;
  right: 0px;
  font-weight: normal;
  font-size: 20px;
}
.myProItem .commonTable .firstCol {
  padding-left: 20px;
}
.myProItem .commonTable .lastCol {
  padding-right: 20px;
}
.myProItem .commonTable .commonBtnWrap {
  color: #45ace9;
}
.myProItem .commonTable .default {
  position: absolute;
  top: -10px;
  left: 40px;
  width: 30px;
  height: 20px;
  background: url(../images/user.html) no-repeat;
}
.myProItem .commonTable .firstTr .default {
  top: 10px;
}
.myProItem .commonTable .btnWrap {
  text-align: center;
}
.myProItem .commonTable .commonBtn {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #fff;
  background: #4691d5;
  padding: 0px 10px;
  text-align: center;
  display: inline-block;
}
.myProItem .commonTable .commonBtn:hover {
  background: #2285bf;
}
.myProItem .commonTable .firstTr td {
  padding-top: 20px;
}

.addAdress {
  margin: 0px 20px;
}
.addAdress .commonLbel {
  float: left;
  width: 110px;
  text-align: right;
}
.addAdress .formVal {
  margin-left: 115px;
}
.addAdress .addAdressMain {
  border: 1px solid #e8e8e8;
  padding-top: 20px;
  padding-bottom: 20px;
}
.addAdress .addAdressMain li {
  height: 50px;
  line-height: 50px;
}
.addAdress .checkBoxLabel {
  vertical-align: middle;
}
.addAdress .addAdressMain .commonInp {
  border: 1px solid #bdbdbd;
  height: 16px;
  line-height: 16px;
  float: left;
  margin-right: 10px;
  color: #333;
  padding: 6px 5px;
  width: 180px;
  margin-top: 10px;
}
.addAdress .addAdressMain .width500 {
  width: 500px;
}
.addAdress .addAdressMain .width300 {
  width: 300px;
}
.addAdress .bankPs {
  color: #d3d3d3;
  font-size: 14px;
  position: absolute;
  top: 28px;
  left: 200px;
}
.addAdress .commonBtn {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #666666 !important;
  background: #e1e1e1;
  display: inline-block;
  padding: 0px 30px;
  margin-right: 10px;
  margin-top: 5px;
}
.addAdress .saveBtn {
  background: #4691d5;
  color: #fff !important;
}
.addAdress .commonSel {
  float: left;
  float: left;
  margin-top: 15px;
  margin-right: 10px;
  height: 25px;
}
.addAdress .commonBigSel {
  width: 192px;
}
.myAdress .noAdress {
  font-size: 14px;
  height: 90px;
  padding-top: 30px;
  text-align: center;
}

.newslist li a img {
  width: 220px;
  /*	height: 90px;   */
}
.bb1 {
  border-bottom: 1px dashed #eeeeee;
  height: 1px;
  display: block;
  clear: both;
  padding-top: 10px;
  margin-bottom: 10px;
}
.loginFooter {
  background: #deeedc;
}
.regFooter {
  background: #d1e8f0;
}

.picfile {
  position: relative;
  display: inline-block;
  background: #45ace9 !important;
  overflow: hidden;
  color: #fff !important;
  text-decoration: none;
  text-indent: 0;
  width: 80px;
  height: 26px !important;
  line-height: 26px;
  float: left;
  text-align: center;
  left: 0;
  top: 0;
  z-index: 999;
}
.picfile input {
  position: absolute;
  font-size: 100px;
  right: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}
.picfile:hover {
  background: #2d9cdd;
  color: #fff;
  text-decoration: none;
}

.layer_notice {
  float: left;
  height: 75px;
  width: 200px;
  overflow: hidden;
  background: #29a0fd;
  padding: 10px;
}
.layer_notice a {
  color: #fff;
}
.layer_notice li {
  line-height: 25px;
  color: #fff;
}