em, span, p, i {

    font-style: normal;

}





.grid-mod {

    padding: 0 5px;

    overflow: hidden;

}

.col-main {

    width: 100%;

    float: left;

    min-height: 570px;

}

.col-sub {

    width: 250px;

    margin-left: -100%;

    float: left;

}

.col-main .main-wrap {

    margin-left: 260px;

}

.main-mod .title {

	/*background: #F7F4F0;*/

  background: #fff;

    height: 50px;

    margin-bottom: 10px;

    position: relative;

/*    border-bottom: 2px #ebebeb solid;*/

    border-left: 0px;

    padding-left: 0px;

}

.up-game {

    margin-bottom: 10px;

}

.game-clump-mod {

    margin-left: -10px;

    

}

.title .name-title {

    padding: 0 15px;

    display: inline-block;

    position: relative;

    

    border-left: 2px #e4007f solid;

    line-height: 39px;

    color: #4a4a4a;

    font-size: 20px;

    font-weight: 700;

}

.up-game .game-info-mod {

    width: 346px;

    height: 122px;

    margin-left: 10px;

    float: left;

    border-bottom: none;

    margin-bottom: 10px;

}

.game-info-mod {

    padding: 14px 0 14px 14px;

    position: relative;

    z-index: 2;

    background: #fff;

    border-bottom: 1px #ebebeb dashed;

}

.game-info-mod .img {

    width: 120px;

    height: 120px;

    float: left;

    margin-right: 12px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

}

.game-info-mod .game-name {

    width: 196px;

    height: 31px;

    color: #333;

    line-height: 31px;

    font-size: 18px;

    font-weight: 700;

        overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.up-game .game-info-row {

    width: 196px;

    height: 48px;

    color: #999;

    line-height: 24px;

    font-size: 12px;

    overflow: hidden;

}

.game-info-mod .btn-box {

    margin-top: 10px;

}

.btn-box {

    font-size: 0;

}

.btn-box a {

    height: 28px;

    padding: 0 15px;

    margin-right: 10px;

    display: inline-block;

    border: 1px #ccc solid;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    line-height: 28px;

    font-size: 14px;

}

a {

    color: #333;

    text-decoration: none;

}

/*a {

    transition: color 200ms,background-color 300ms,border-color 300ms;

    -moz-transition: color 200ms,background-color 300ms,border-color 300ms;

    -webkit-transition: color 200ms,background-color 300ms,border-color 300ms;

    -o-transition: color 200ms,background-color 300ms,border-color 300ms;

}*/

.sub-mod {

    border: 1px #ebebeb solid;

    margin-bottom: 10px;

    background: #fff;

}

.private-user-info {

    padding: 35px 14px 0 90px;

    position: relative;

}

.private-user-info .user-pic {

    width: 60px;

    height: 60px;

    padding: 2px;

    position: absolute;

    left: 14px;

    top: 18px;

    border: 1px #ebebeb solid;

    overflow: hidden;

    cursor: pointer;

}

.private-user-info .user-name {

    width: 144px;

    height: 34px;

    display: block;

    line-height: 34px;

    color: #333;

    font-size: 16px;

    font-weight: 700;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.private-user-info .user-info {

    color: #666;

}

.private-user-info .user-pic img {

    width: 60px;

    height: 60px;

}

.column-nav {

    background: #f7f7f7;

}



.column-nav a {

    width: 248px;

    height: 39px;

    position: relative;

    top: -1px;

    left: -1px;

    display: block;

    /*background: #f7f7f7;*/

    background: #fff;

    border: 1px #ebebeb solid;

    border-bottom: none;

    _border-right: none;

    line-height: 39px;

    font-size: 16px;

    color: #333;

}

/*.column-nav a.on {

    border-color: #e4007f;

    background: #e4007f url('/public/pc/images/cel.png?1464580030') no-repeat center right;

    background-image: url('/public/pc/images/cel.gif?1464580030');

    color: #fff;

}*/

.loading-private {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 19;

    background: #fff;

    opacity: 0.5;

    filter: alpha(opacity=50);

    padding-top: 300px;

    padding-left: 100px;

    padding-top: 250px;

    line-height: 26px;

    text-align: center;

}





.column-nav a.on .seal-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -560px;

}

.column-nav a.on .email-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -160px;

}

.column-nav a.on .medal-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -360px;

}

.column-nav a.on .artikel-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -40px;

}

.column-nav a.on .perdata-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -480px;

}

.column-nav a.on .lock-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -280px;

}

.column-nav a.on .cm-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -40px;

}

.column-nav a:hover {

  border-top-color: #fff9e5;

  border-bottom-color: #fff9e5;

  background: #fff9e5;

  color: #666;

}

.column-nav a.on {

  border-color: #e4007f;

  background: #e4007f ;

  

  color: #fff;

}



.seal-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -520px;

}



.email-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -120px;

}



.medal-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -320px;

}



.artikel-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 0;

}



.perdata-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -440px;

}



.lock-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -240px;

}

.cm-ico {

  margin: -4px 3px 0 7px;

  *margin-top: 0;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 0px;

}

.send-letter .info-email {

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -200px;

}

.other-mod .other-info-ico {

  margin-top: 5px;

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -400px;

}



.send-letter-ico {

  display: inline-block;

  vertical-align: middle;

  background-repeat: no-repeat;

  background-image: url('../img/icoNav.png');

  height: 40px;

  width: 40px;

  background-position: 0 -80px;

}

.btn-box a.on, .btn-box a:hover {

  background: #e4007f;

  border-color: #e4007f;

  color: #fff;

}

.btn-box a.nth-green.on, .btn-box a.nth-green:hover {

  background: #a3ce0e;

  border-color: #a3ce0e;

}

.btn-box a.nth-org-light.on, .btn-box a.nth-org-light:hover {

  background: #ff8a00;

  border-color: #ff8a00;

}

.up-game .game-info-mod:hover {

  /*background: #f7f7f7;*/

  /*background: #fff9e5;*/

}



.material-minheight {

    min-height: 415px;

    /*min-height: 600px;*/

    margin-bottom: 10px;

}

.material-box {

    padding: 8px 14px 0;

}

.material-mod {

    min-height: 28px;

    padding-left: 93px;

    margin-bottom: 15px;

    position: relative;

    line-height: 28px;

    font-size: 0;

}

.material-name {

    width: 64px;

    position: absolute;

    top: 0;

    left: 14px;

    color: #666;

    text-align: right;

    font-size: 14px;

    vertical-align: middle;

}

.data-info-public {

    font-size: 14px;

}

.submit-data-btn {

    height: 28px;

    padding: 0 15px;

    margin: 0;

    margin-right: 10px;

    display: inline-block;

    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa));

    border: 1px #ccc solid;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    font-size: 14px;

    font-family: "\5FAE\8F6F\96C5\9ED1";

}

.submit-data-btn:hover {

  background: #e4007f;

  border-color: #e4007f;

  color: #fff;

}

.textarea-box {

    height: 84px;

}











.title-material span.on {

    border-bottom-color: #e4007f;

    

}

.title-material span {

    padding: 0 15px;

    display: inline-block;

    position: relative;

border-bottom: 2px #fff solid;

    /*border-left: 2px #ebebeb solid;*/

    cursor: pointer;

    line-height: 37px;

    color: #4a4a4a;

    font-size: 20px;

    font-weight: 700;

}

.material-name em {

    margin-right: 8px;

    color: #e4007f;

}

.data-info-public textarea {

    width: 599px;

    height: 78px;

    padding: 2px 3px;

    border: 1px #ebebeb solid;

    color: #999;

        outline: none;

        resize: none;

}

.prompt-number {

    position: absolute;

    top: -13px;

    right: 0;

    color: #666;

    font-size: 14px;

}

.prompt-number em {

    color: #e4007f;

        font-style: normal;

}

.data-info-public input[type="text"], .data-info-public select {

    width: 152px;

    height: 26px;

    padding: 0 3px;

    border: 1px #ebebeb solid;

    color: #333;

    line-height: 26px\9;

}

.user-pic-replace .replace-box {

    width: 60px;

    height: 60px;

    padding: 2px;

    border: 1px #ebebeb solid;

    overflow: hidden;

    cursor: pointer;

    font-size: 13px;

}

.user-pic-replace .replace-box img {

    width: 60px;

    height: 60px;

}



.replace-info .replace-name {

    color: #333;

    font-size: 18px;

}

.replace-info .replace-prmot {

    margin: 5px 0 10px;

    color: #999;

}

.file-mod {

    margin-bottom: 15px;

    position: relative;

}

.file-mod .input-files {

    width: 295px;

    height: 28px;

    padding: 0 4px;

    border: 1px #ebebeb solid;

    line-height: 28px\9;

    color: #666;

}

.file-mod .submit-data-btn {

	line-height: 28px;

    width: 86px;

    height: 28px;

    padding: 0;

    margin: 0;

    position: absolute;

    left: 315px;

    top: 0;

    text-align: center;

}

.file-mod .file-input {

    width: 88px;

    height: 30px;

    position: absolute;

    left: 315px;

    top: 0;

    border: none;

    opacity: 0;

    filter: alpha(opacity=0);

    font-size: 10px;

    cursor: pointer;

    outline: 0;

}

.user-pic-replace {

    width: 66px;

    /*position: absolute;

    top: 6px;

    left: 64px;*/

    float: left;

    text-align: center;

}

.replace-info .submit-data-btn {

    width: 90px;



}

.replace-info{

	float: left;

	margin-left: 27px;

}



.checkin-btn, .check-none {

    width: 100%;

    height: 45px;

    display: block;

    background: #f60;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    color: #fff;

    line-height: 45px;

    text-align: center;

    font-size: 18px;

    cursor: pointer;

}

.checkin-mod {

    padding: 8px 20px 8px;





    color: #666;

    text-align: center;

}

.checkin-mod p{

	font-size: 16px;

	margin: 0 0 10px 0;

}

.checkin-btn:hover,

.check-none:hover {

  background: #ff8a00;

  color: #fff;

}

.lv-infos {

    margin: 16px 0 -5px 15px;

    color: #666;

    font-size: 16px;

}

.lv-infos .items {

    margin-right: 14px;

}





.info-list-mod li {

    padding: 0 14px;

}

.info-box {

    position: relative;

}

.info-list-mod .list-box-prvite_click {

    

    position: relative;

    padding: 15px 0 15px 47px;

    display: block;

    border-bottom: 1px #eeeeee solid;

    cursor: pointer;

}

.server-ico {

    position: absolute;

    left: 0;

    top: 15px;

    display: inline-block;

    background-repeat: no-repeat;

    background-image: url('../img/info.png');

    height: 32px;

    width: 32px;

    background-position: 0 -160px;

}

.info-box .info-title {

    margin-top: -3px;

    font-size: 16px;

    font-weight: 700;

}

.info-box .info-time {

    position: absolute;

    top: 0;

    right: 0;

    color: #999;

    font-size: 12px;

}

.info-box .info-row {

    width: 600px;

    font-size: 15px;

    min-height: 26px;



}

.activit-ico {

    position: absolute;

    left: 0;

    top: 15px;

    display: inline-block;

    background-repeat: no-repeat;

    background-image: url('../img/info.png');

    height: 32px;

    width: 32px;

    background-position: 0 0;

}

.column-info-nav {

    background: #fff;

}

.column-info-nav a {

    width: 198px;

    height: 37px;

    display: block;

    padding-left: 50px;

    background: #fff;

    border-top-color: #fff;

    border-bottom: 1px #fff solid;

    border-right: none;

    font-size: 14px;

}

.column-info-nav a.on {

    background: #fff url('../img/dot.png') repeat-y 0 0;

    color: #f60;

        border: 1px #ebebeb solid;

    border-right: none;

}

.title-num {

    position: absolute;

    top: 10px;

    right: 0;

    color: #666;

    font-size: 14px;

}

.safe-mod {

    padding: 0 39px;

}

.safe-grade {

    padding: 38px 0 25px;

    position: relative;

}

.bind-safe-box {

    position: relative;

    padding: 25px 0;

    border-top: 1px #ebebeb dotted;

}

.bind-status {

    position: relative;

    color: #000;

    line-height: 26px;

    font-size: 18px;

}

.safe-grade .prmopt-safe {

    margin-top: 25px;

    padding-left: 120px;

}

.star-box {

    height: 27px;

    position: absolute;

    left: 124px;

    font-size: 0;

}

.integral-mod {

    position: absolute;

    top: -13px;

    left: 270px;

    color: #f60;

    font-size: 24px;

}



.integral-mod i {

    font-size: 25px;

}

.safe-grade .submit-data-btn {

    width: 58px;

    position: absolute;

    top: 54px;

    right: 0;



    margin-right: 0;

    text-align: center;

    line-height: 28px;

}

.prmopt-ico {

    display: inline-block;

    background-repeat: no-repeat;

    background-image: url(../img/icon-safe.png);

    height: 26px;

    width: 22px;

    background-position: -136px -37px;

    vertical-align: top;

}

.safe-grade .prmopt-safe span {

    color: #1146bf;

    margin: 0 3px;

}

.safe-grade .prmopt-safe em {

    color: #f60;

}

.bind-status {

    position: relative;

    color: #000;

    line-height: 26px;

    font-size: 18px;

}

.bind-info {

    padding-left: 50px;

    color: #666;

}

.bind-safe-box .submit-data-btn {

    width: 58px;

    position: absolute;

    top: 36px;

    right: 0;



    margin-right: 0;

    text-align: center;

    line-height: 28px;

}

.bind-iphone {

    margin-top: -2px;

    margin-left: -4px;

    display: inline-block;

    background-repeat: no-repeat;

    background-image: url(../img/icon-safe.png);

    height: 40px;

    width: 50px;

    background-position: -217px -30px;

    vertical-align: middle;

    margin-left: -7px;

}

.bind-status em {

    color: #f60;

    font-size: 16px;

}

.bind-email {

    margin-top: -2px;

    margin-left: -4px;

    display: inline-block;

    background-repeat: no-repeat;

    background-image: url(../img/icon-safe.png);

    height: 40px;

    width: 50px;

    background-position: -36px -30px;

    vertical-align: middle;

}

.bind-question {

    margin-top: -2px;

    margin-left: -4px;

    display: inline-block;

    background-repeat: no-repeat;

    background-image: url(../img/icon-safe.png);

    height: 26px;

    width: 26px;

    background-position: 0 -104px;

    vertical-align: middle;

}

.score-bar {

    position: relative;

    top: 50%;

    left: 0;

    margin: 0px 0 0 30px;

    float: left;

    width: 510px;

    height: 15px;

    background: url(../img/icon-safe.png) no-repeat;

    background-position: 0 -15px;

    overflow: hidden;

}

.score-bar .score-bar-inner {

  border-radius: 6px;

    display: block;

    width: 510px;

    height: 100%;

    position: absolute;

    left: 0px;

    top: 0;

    background: url(../img/icon-safe.png) no-repeat;

    background-position: -7px 0;

}

.phone-input,.email-input{

	width: 250px;

    height: 34px;

    border: 1px solid #cecece;

    line-height: 34px;

    padding-left: 10px;

    float: left;

    font-size: 15px;

}

.yanzhen-input{

	width: 125px;

    height: 34px;

    border: 1px solid #cecece;

    line-height: 34px;

    padding-left: 10px;

    float: left;

    margin-right: 25px;

    font-size: 17px;

}

.sub-mod.material-minheight .sub-mod-t span{

	font-size: 15px;

	margin-right: 20px;

	display: block;

	height: 34px;

	line-height: 34px;

	float: left;

	color: #666;

}

.sub-mod-t{

	margin:20px auto;

	overflow: hidden;

	width: 472px;

	

	

}

.sub-mod-t .submit-data-btn{

	width:100px;

	height: 34px;

	

}

.btn_mfyzm{

	height: 34px;

	line-height: 34px;

	width: 108px;

	text-align: center;

	float: left;

}

.tishi{

	color: #e62f8b;

	font-size: 13px;

	/*width: 152px;*/

	height: 34px;

	line-height: 34px;

	margin-left: 5px;

	float: right;

	text-align: left;

}

 .tishi .ico-jg{

	display: block;

	width: 15px;

	height: 15px;

	background: #e62f8b;

	border-radius:50%; 

	line-height: 15px;

	text-align: center;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

	margin-top: 9px;

	float: left;

}

.sub-mod-t .submit-data-btn.queren-btn{

	margin-left: 66px;

}



.layui-layer-btn .layui-layer-btn0{

	background: #e4007f;

	border-color:#e4007f; 

}

.m-select-wrap{

	overflow: hidden;

}

.m-confirm-username-wrap{

	color: #666;

	font-size: 15px;

	width: 370px;

	margin: 20px auto 0;

}

.m-confirm-username-wrap label{

	    display: inline-block;

	    margin-right: 20px;

}

.select-con{

	    display: inline-block;

}

.pure-text.js-name{

	display: inline-block;

}

.pure-text.email.js-email{

	display: inline-block;

	width: 150px;

}

.input-optimize.checkcodeInput{

	display: inline-block;

}

.pure-text.phone.js-phone{

	display: inline-block;

	width: 140px;

}

.input-optimize{

	display: inline-block;

}

.input-optimize input{

	width: 130px;

	height: 34px;

	margin-left: 16px;

	padding-left: 10px;

}

.next-step{

	line-height: 34px;

	width: 100px;

	height: 34px;

	text-align: center;

	padding: 0px;

}

#emailbtn,#phonebtn{

	float: right;

}

.password-box label{

	 margin-right: 20px;

}

.password-box{

	color: #666;

	font-size: 15px;

	width: 480px;

	margin: 0 auto;

}

.password-box-top input{

	height: 34px;

	line-height: 34px;

	width: 250px;

	padding-left: 10px;

	font-size: 17px;

}

.password-box .submit-data-btn{

	padding: 0px;

	height: 34px;

	line-height: 34px;

	text-align: center;

	width: 100px;

	margin-left: 130px;

}

    .p-kj0{

        color: #ff8c87;

        border:1px dotted #ECEAEA;

    }

    .p-kj1{

        color: #f6b865;

        border:1px dotted #ECEAEA;

    }

    .p-kj2{

        color: #78e56e;

        border:1px dotted #ECEAEA;

    }

    .p-kj3{

        color: #84c1ee;

        border:1px dotted #ECEAEA;

    }

.p-kj0:hover{

    background: #fff9e5;

    

    border: 1px dotted #fff9e5;

}

.p-kj1:hover{

    background: #fff9e5;

    

    border: 1px dotted #fff9e5;

}

.p-kj2:hover{

    background: #fff9e5;

    

    border: 1px dotted #fff9e5;

}

.p-kj3:hover{

    background: #fff9e5;

    

    border: 1px dotted #fff9e5;

}

.p-kjwrap a{

  background: #fff;

}