@charset "UTF-8"; /*! Project:gdcLogin, Create:单炒饭 2017.06.27 18:05, Update:FWS 2022.12.08 16:50 */
.grlv1Tip {
    font-size: 14px;
    line-height: 160%;
    color: #fff;
    padding: 10px 20px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 99999;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.3);
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    font-family: Tahoma,\5fae\8f6f\96c5\9ed1,Helvetica,arial;
    *font-family: \5fae\8f6f\96c5\9ed1,Tahoma,Helvetica,arial
}

.grlv1Tip--error {
    background-color: #ff1c5c
}

.grlv1Tip--success {
    background-color: #26b605
}

.grlv1Tip--tip {
    background-color: #ff2400
}

html {
    _background-image: url(about:blank);
    _background-attachment: fixed
}

@-webkit-keyframes autofill {
    0% {
        background-color: transparent
    }

    100% {
        background-color: transparent
    }
}

@keyframes autofill {
    0% {
        background-color: transparent
    }

    100% {
        background-color: transparent
    }
}

.grlv1 {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 90;
    left: 0;
    top: 0;
    z-index: 99999;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop))
}

.grlv1 input::-ms-clear,.grlv1 input::-ms-reveal {
    display: none
}

.grlv1 * {
    font-family: Tahoma,\5fae\8f6f\96c5\9ed1,Helvetica,arial;
    *font-family: \5fae\8f6f\96c5\9ed1,Tahoma,Helvetica,arial;
    margin: 0;
    padding: 0
}

.grlv1 li {
    list-style: none;
    vertical-align: top
}

.grlv1 a {
    color: #7e7e7e;
    text-decoration: none
}

.grlv1 a:hover {
    text-decoration: underline
}

.grlv1 a:hover span {
    text-decoration: underline
}

.grlv1 input,.grlv1 textarea {
    outline: 0
}

.grlv1 input::-ms-clear {
    display: none
}

.grlv1 input::-ms-reveal {
    display: none
}

.grlv1 input:-webkit-autofill {
    -webkit-animation: 1s linear 0s normal none infinite autofill;
    animation: 1s linear 0s normal none infinite autofill
}

.grlv1 input {
    background-color: transparent!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.grlv1 label {
    cursor: pointer
}

.grlv1__module {
    display: none
}

.grlv1__olAgree {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999
}

.grlv1__olAgreeBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50)
}

.grlv1__olAgreeBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 200px;
    margin-left: -160px;
    margin-top: -100px;
    background: #fff;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.2)
}

.grlv1__olAgreeBox__title {
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    padding: 16px 24px;
    text-align: left;
    border-bottom: 1px solid #f0f0f0
}

.grlv1__olAgreeBox__content {
    color: #333;
    line-height: 22px;
    font-size: 14px;
    padding: 24px
}

.grlv1__olAgreeBox__content a {
    color: #1278c0
}

.grlv1__olAgreeBox__btns {
    padding: 24px;
    padding: 10px 16px;
    text-align: right;
    border-top: 1px solid #f0f0f0
}

.grlv1__olAgreeBox__btns span {
    line-height: 1.5715;
    position: relative;
    display: inline-block;
    font-weight: 400;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    color: #000000d9;
    background: #fff;
    height: 24px;
    padding: 4px 15px;
    font-size: 14px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-left: 10px
}

.grlv1__olAgreeBox__btns .yes {
    background: #fd7828;
    color: #fff;
    border: 0
}

.grlv1__fixed {
    zoom:1}

.grlv1__fixed:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.grlv1__frame {
    width: 422px;
    background: #fff;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);
    position: absolute
}

.grlv1__reveal {
    width: 24px;
    height: 24px;
    background-position: -228px -132px
}

.grlv1__reveal {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:hover .grlv1__reveal {
    background-position: -228px -156px
}

.grlv1__reveal--click {
    background-position: -228px -156px
}

.grlv1__fulfil {
    width: 48px;
    height: 48px;
    background-position: -176px -132px
}

.grlv1__icon16Back {
    width: 16px;
    height: 16px;
    background-position: -268px -44px
}

.grlv1__icon16Back {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:hover .grlv1__icon16Back {
    background-position: -268px -60px
}

.grlv1__icon16Help {
    width: 16px;
    height: 16px;
    background-position: -268px -80px
}

.grlv1__icon16Help {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:hover .grlv1__icon16Help {
    background-position: -268px -96px
}

.grlv1__icon16Qq {
    width: 16px;
    height: 16px;
    background-position: -268px -152px
}

.grlv1__icon16Qq {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:hover .grlv1__icon16Qq {
    background-position: -268px -168px
}

.grlv1__icon16Weibo {
    width: 16px;
    height: 16px;
    background-position: -268px -224px
}

.grlv1__icon16Weibo {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:hover .grlv1__icon16Weibo {
    background-position: -268px -240px
}

.grlv1__icon16Weixin {
    width: 16px;
    height: 16px;
    background-position: -292px 0
}

.grlv1__icon16Weixin {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:hover .grlv1__icon16Weixin {
    background-position: -292px -16px
}

.grlv1__icon16Login {
    width: 16px;
    height: 16px;
    background-position: -268px -116px
}

.grlv1__icon16Login {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:hover .grlv1__icon16Login {
    background-position: -268px -132px
}

.grlv1__icon16Reg {
    width: 16px;
    height: 16px;
    background-position: -268px -188px
}

.grlv1__icon16Reg {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:hover .grlv1__icon16Reg {
    background-position: -268px -204px
}

.grlv1__uiCheckbox {
    width: 20px;
    height: 20px;
    background-position: -268px 0
}

.grlv1__uiCheckbox {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

a:hover .grlv1__uiCheckbox {
    background-position: -268px -20px
}

.grlv1__refresh {
    width: 30px;
    height: 30px;
    background-position: -136px -208px
}

.grlv1__olLine {
    width: 1px;
    height: 1px;
    background-position: -292px -36px
}

.grlv1__icon4399 {
    width: 24px;
    height: 24px;
    background-position: -170px -208px
}

.grlv1 .grlv1__imgScript,.grlv1 .grlv1__uiCheckbox {
    display: inline-block;
    background-image: url(../images/_sprite__img.png);
    background-repeat: no-repeat
}

.grlv1__imgScript {
    overflow: hidden
}

.grlv1__bg {
    width: 100%;
    height: 100%;
    background-image: url(about:blank);
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50);
    display: block
}

.grlv1__title {
    height: 20px;
    padding: 22px 0 20px 0
}

.grlv1__titleName {
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    color: #ff2400;
    border-left: 6px #ff2400 solid;
    padding-left: 14px;
    font-weight: 400;
    float: left;
    display: none
}

.grlv1__cose {
    width: 36px;
    height: 36px;
    display: inline-block;
    _zoom: 1;
    _display: inline;
    *display: inline;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: 5px;
    background-image: url(../images/_sprite__img.png);
    background-position: -136px -132px
}

.grlv1__cose:hover {
    background-position: -136px -168px
}

.grlv1__lt {
    position: absolute;
    display: inline-block;
    _zoom: 1;
    _display: inline;
    *display: inline;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #f1f1f1;
    height: 55px;
    border-bottom: 1px solid #dedede
}

.grlv1__ltList {
    display: inline
}

.grlv1__ltList--current a {
    background-color: #fff;
    line-height: 56px
}

.grlv1__ltList--hide {
    display: none
}

.grlv1__ltSwitch {
    display: block;
    overflow: hidden;
    width: 140.5px;
    line-height: 55px;
    float: left;
    text-align: center
}

.grlv1__ltSwitchIcon {
    width: 16px;
    height: 16px;
    margin: 2px 4px 2px 0;
    float: left
}

.grlv1__loading {
    height: 276px;
    background: url(../images/loading.gif) center 40% no-repeat
}

.grlv1__qrLogin {
    padding-top: 56px;
    height: 250px;
    position: relative
}

.grlv1__qrHelp {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 0;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 99
}

.grlv1__qrLoginHelp {
    width: 100%;
    height: 120px;
    position: absolute;
    left: 0;
    top: 36px;
    display: none
}

.grlv1__icon16Help {
    margin-right: 4px;
    vertical-align: top;
    margin-top: 2px
}

.grlv1__qrHelpName {
    font-size: 14px;
    display: inline-block;
    _zoom: 1;
    _display: inline;
    *display: inline
}

.grlv1__icon4399 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    z-index: 1
}

.grlv1__downGameBox {
    width: 140px;
    height: 40px;
    line-height: 40px;
    background-color: #54a656;
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    margin: 0 auto;
    display: block;
    -webkit-border-radius: 40px;
    border-radius: 40px
}

.grlv1__downGameBox:hover {
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2) inset;
    box-shadow: 0 2px 10px rgba(0,0,0,.2) inset
}

.grlv1 .grlv1__downGameBox {
    color: #fff
}

.grlv1__qrImgAndHelp {
    height: 120px;
    padding-bottom: 60px;
    position: relative
}

.grlv1__qrTip {
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #7f7f7f;
    display: block;
    position: absolute;
    left: 0;
    bottom: 20px
}

.grlv1__qrTip--hide {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.grlv1__qrTipMajor {
    color: #54a656
}

.grlv1__qrImgBox {
    width: 120px;
    height: 120px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 0
}

.grlv1__qrImg {
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    font-size: 12px;
    border: 0
}

.grlv1__qrImgHelp {
    width: 186px;
    height: 120px;
    display: block;
    background: url(../images/qrImgHelp.gif) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -93px;
    z-index: 1
}

.grlv1 .grlv1__qrImgRefresh {
    width: 120px;
    height: 120px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 2
}

.grlv1 .grlv1__qrImgRefresh:hover {
    text-decoration: none
}

.grlv1 .grlv1__qrImgRefresh:hover .grlv1__qrImgRefreshName {
    text-decoration: none
}

.grlv1 .grlv1__qrImgRefresh:hover .grlv1__qrImgRefreshNameMajor {
    text-decoration: underline
}

.grlv1__refreshBg {
    width: 120px;
    height: 120px;
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    -moz-opacity: .95;
    -khtml-opacity: .95;
    opacity: .95;
    filter: alpha(opacity=95);
    z-index: 0
}

.grlv1 .grlv1__refresh {
    position: relative;
    display: block;
    margin: 24px auto 10px auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1
}

.grlv1__qrImgRefreshName {
    width: 120px;
    height: 40px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: #7f7f7f;
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden
}

.grlv1__qrImgRefreshNameMajor {
    color: #256ca0
}

.grlv1__qrConfirm {
    text-align: center
}

.grlv1 .grlv1__qrConfirmIcon {
    margin: 0 auto;
    display: block
}

.grlv1__qrConfirmTitle {
    font-size: 16px;
    color: #54a656;
    height: 30px;
    line-height: 30px;
    padding-top: 20px
}

.grlv1__qrConfirmText {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    color: #54a656;
    display: block
}

.grlv1__qrConfirmOperate {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding-top: 16px;
    display: block
}

.grlv1__regformBox--idReg #grlv1__regFormMobile {
    display: none
}

.grlv1__regformBox--mobileReg #grlv1__regIdForm {
    display: none
}

.grlv1__formList--error .grlv1__inputPdTipText {
    color: red;
    display: inline
}

.grlv1__formList--error .grlv1__validformTipLine--error {
    width: 100%
}

.grlv1__formList--error .grlv1__validformTipLine--success {
    width: 0%
}

.grlv1__formList--success .grlv1__inputPdTipText {
    color: #00ad3d
}

.grlv1__formList--success .grlv1__validformTipLine--error {
    width: 0%
}

.grlv1__formList--success .grlv1__validformTipLine--success {
    width: 100%
}

.grlv1__formList--focus .grlv1__inputPdText {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4;
    filter: alpha(opacity=40)
}

.grlv1__formList--focus .grlv1__validformTipLine--default {
    height: 2px;
    background: #75c2ff;
    z-index: 2
}

.grlv1__formInputList {
    padding-top: 26px
}

.grlv1__formCheckboxList {
    padding-top: 20px
}

.grlv1__formBtnList {
    padding-top: 24px;
    padding-bottom: 24px
}

.grlv1__inputBox {
    position: relative;
    height: 40px
}

.grlv1__inputBox .grlv1__inputTxtTip {
    cursor: text
}

.grlv1__inputBox--focus .grlv1__inputPdText {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .4;
    filter: alpha(opacity=40)
}

.grlv1__inputBox--enter .grlv1__inputPdText {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.grlv1__inputBox--enter .grlv1__inputTxtTip {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    position: absolute;
    top: -14px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.grlv1__inputBox--enter .grlv1__inputPdTipText {
    display: inline;
    position: static
}

.grlv1__inputTxt {
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    border: 0;
    font-size: 18px;
    background: 0 0;
    position: relative;
    z-index: 2
}

.grlv1__inputTxtTip {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.grlv1__inputPdText {
    color: #a7a7a7;
    padding-right: 10px
}

.grlv1__inputPdTipText {
    color: #bbb;
    font-size: 12px;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: -14px;
    height: 20px;
    line-height: 20px;
    display: none
}

.grlv1 .grlv1__autoWriteUsername {
    text-decoration: underline;
    font-weight: 700
}

.grlv1 .grlv1__autoWriteUsername:hover {
    color: #000
}

.grlv1__inputTxtWhole {
    width: 100%
}

.grlv1__inputCheckbox {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    float: left
}

.grlv1__autoEchoId,.grlv1__getMobileCodeLink,.grlv1__getMobileCodeLogin {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    z-index: 3
}

.grlv1__autoEchoId {
    font-size: 14px;
    display: none
}

.grlv1__autoEchoId--show {
    display: inline-block
}

.grlv1 .grlv1__getMobileCodeLink--disable,.grlv1 .grlv1__getMobileCodeLogin--disable {
    color: #cfcfcf;
    cursor: default
}

.grlv1 .grlv1__getMobileCodeLink--disable:hover,.grlv1 .grlv1__getMobileCodeLogin--disable:hover {
    text-decoration: none
}

.grlv1__clTip {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #ff7450;
    position: absolute;
    left: 0;
    top: -18px;
    padding: 0 6px;
    background-color: #ffffdc;
    z-index: 2;
    -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.1);
    box-shadow: 2px 2px 4px rgba(0,0,0,.1);
    display: none;
    border-width: 1px;
    border-style: solid;
    border-color: #ffd8b4;
    -webkit-border-radius: 2px 2px 2px 0;
    border-radius: 2px 2px 2px 0
}

.grlv1__clTipArrow {
    width: 6px;
    height: 6px;
    display: block;
    overflow: hidden;
    left: -1px;
    bottom: -6px;
    position: absolute;
    background-image: url(../images/_sprite__img.png);
    background-repeat: no-repeat;
    background-position: -297px -36px
}

.grlv1__clTip--show {
    display: inline
}

.grlv1__imgCode {
    width: 146px;
    height: 46px;
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden
}

.grlv1__imgCodeImg {
    width: 146px;
    height: 46px;
    border: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: none
}

.grlv1__reveal {
    position: absolute;
    right: 8px;
    bottom: 8px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 3
}

.grlv1__reveal:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.grlv1__remember {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #7f7f7f;
    float: left
}

.grlv1__forget {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    float: right
}

.grlv1__uiCheckbox {
    margin-right: 8px;
    float: left
}

.grlv1__uiCheckbox--checked {
    background-position: -268px -20px
}

.grlv1__pact {
    width: 100%;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding-top: 10px;
    text-align: center;
    display: block;
    color: #7f7f7f;
    clear: both
}

.grlv1 .grlv1__pactLink {
    text-decoration: underline
}

.grlv1 .grlv1__pactLink:hover {
    color: #ff2400;
    text-decoration: none
}

.grlv1__validform {
    height: 2px;
    overflow: hidden
}

.grlv1__inputBLine {
    height: 2px;
    position: relative;
    overflow: hidden
}

.grlv1__validformTipLine {
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: block
}

.grlv1__validformTipLine--default {
    width: 100%;
    background-color: #e7e6e6
}

.grlv1__validformTipLine--error {
    background-color: #ff8f8f
}

.grlv1__validformTipLine--success {
    background-color: #80c872
}

.grlv1__btn {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    _zoom: 1;
    _display: inline;
    *display: inline;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid
}

.grlv1 .grlv1__btn--enabled {
    color: #fff;
    border-color: #d96500;
    background-color: #ff7800;
    background-color: #ff6000;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ff7800),to(#ff6000));
    background-image: -o-linear-gradient(top,#ff7800 0,#ff6000 100%);
    background-image: linear-gradient(to bottom,#ff7800 0,#ff6000 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF7800', endColorstr='#FFFF6000',GradientType=0 );
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2)
}

.grlv1 .grlv1__btn--enabled:hover {
    background-color: #ff7800;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ff6000),to(#ff7800));
    background-image: -o-linear-gradient(top,#ff6000 0,#ff7800 100%);
    background-image: linear-gradient(to bottom,#ff6000 0,#ff7800 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF6000', endColorstr='#FFFF7800',GradientType=0 )
}

.grlv1 .grlv1__btn--LightGray {
    color: #7f7f7f;
    border-color: #d6d6d6;
    background-color: #fdfdfd;
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f9f9f9));
    background-image: -o-linear-gradient(top,#fdfdfd 0,#f9f9f9 100%);
    background-image: linear-gradient(to bottom,#fdfdfd 0,#f9f9f9 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFDFDFD', endColorstr='#FFF9F9F9',GradientType=0 )
}

.grlv1 .grlv1__btn--LightGray:hover {
    background-color: #fdfdfd;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#fdfdfd));
    background-image: -o-linear-gradient(top,#f9f9f9 0,#fdfdfd 100%);
    background-image: linear-gradient(to bottom,#f9f9f9 0,#fdfdfd 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF9F9F9', endColorstr='#FFFDFDFD',GradientType=0 )
}

.grlv1 .grlv1__btn--disable {
    color: #bdbdbd;
    background-color: #fcfcfc;
    border-color: #e7e6e6;
    cursor: default;
    background-color: #fcfcfc;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#fcfcfc));
    background-image: -o-linear-gradient(top,#fcfcfc 0,#fcfcfc 100%);
    background-image: linear-gradient(to bottom,#fcfcfc 0,#fcfcfc 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFCFCFC', endColorstr='#FFFCFCFC',GradientType=0 );
    -webkit-box-shadow: none;
    box-shadow: none
}

.grlv1 .grlv1__btn--disable:hover {
    background-color: #fcfcfc;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#fcfcfc));
    background-image: -o-linear-gradient(top,#fcfcfc 0,#fcfcfc 100%);
    background-image: linear-gradient(to bottom,#fcfcfc 0,#fcfcfc 100%);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFCFCFC', endColorstr='#FFFCFCFC',GradientType=0 )
}

.grlv1 .grlv1__btn:hover {
    text-decoration: none
}

.grlv1__btnLogin {
    width: 175px;
    float: left
}

.grlv1__btnWhole {
    display: block
}

.grlv1__btnReg {
    width: 175px;
    float: right
}

.grlv1__getMobileImgCode,.grlv1__logged,.grlv1__login,.grlv1__phLogin,.grlv1__reg,.grlv1__regImgCode,.grlv1__verified {
    padding: 0 24px
}

.grlv1__regSwitch {
    height: 38px;
    line-height: 38px;
    border: 1px #d9d9d9 solid;
    margin-bottom: 14px;
    margin-top: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative
}

.grlv1 .grlv1__regSwitchLink {
    width: 50%;
    text-align: center;
    font-size: 14px;
    color: #7f7f7f;
    float: left;
    position: relative;
    z-index: 1
}

.grlv1 .grlv1__regSwitchLink--current {
    color: #fff
}

.grlv1__regSwitchBg {
    width: 0;
    height: 40px;
    position: absolute;
    top: -1px;
    background: #fd7828;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1) inset;
    box-shadow: 0 2px 4px rgba(0,0,0,.1) inset;
    overflow: hidden
}

.grlv1__regSwitchBg--0 {
    width: 50%;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-left: -1px
}

.grlv1__regSwitchBg--1 {
    width: 50%;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin-left: 1px
}

.grlv1__tipText {
    background-color: #ffffef;
    border: 1px #ffe99f solid;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 180%;
    color: #ff7127;
    margin-bottom: 14px
}

.grlv1__loggedInfo {
    padding-bottom: 10px
}

.grlv1 .grlv1__loggedAvatar {
    width: 96px;
    height: 96px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    position: relative;
    background: url(../images/loading.gif) center center no-repeat
}

.grlv1__loggedAvatarMask {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url(../images/loggedAvatarMask.png) no-repeat;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.grlv1__loggedAvatarImg {
    width: 96px;
    height: 96px;
    display: none
}

.grlv1__loggedTitle {
    text-align: center;
    font-size: 16px;
    color: #7f7f7f;
    height: 40px;
    line-height: 40px;
    padding-top: 10px
}

.grlv1__loggedSwitchId {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    display: block;
    text-align: center
}

.grlv1__olBox {
    height: 63px;
    border-top: 1px #ededed solid;
    padding-left: 24px;
    position: relative
}

.grlv1__ol {
    height: 28px;
    font-size: 12px;
    padding: 17px 0 18px 0
}

.grlv1__olList {
    display: inline;
    position: relative;
    float: left
}

.grlv1 .grlv1__olMenu {
    color: #7f7f7f;
    margin-right: 36px
}

.grlv1__olIcon {
    width: 16px;
    height: 16px;
    margin: 6px 5px 6px 0;
    float: left
}

.grlv1__olLine {
    width: 1px;
    height: 28px;
    display: block;
    float: left;
    background-image: url(../images/_sprite__img.png);
    position: absolute;
    top: 0;
    right: 18px
}

.grlv1__olName {
    height: 28px;
    line-height: 28px;
    float: left;
    text-align: center
}

.grlv1__olName:hover {
    color: #000
}

.grlv1__qrAndFormSwicthLink {
    width: 64px;
    height: 64px;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-image: url(../images/_sprite__img.png);
    background-position: 0 0
}

.grlv1__qrAndFormSwicthLink--form .grlv1__qrAndFormSwicthImg {
    left: -64px;
    bottom: -64px
}

.grlv1__qrAndFormSwicthImg {
    width: 128px;
    height: 128px;
    display: block;
    overflow: hidden;
    left: 0;
    bottom: 0;
    position: absolute;
    background-image: url(../images/_sprite__img.png);
    background-position: 0 0;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.grlv1 .grlv1__olQq:hover {
    border-color: #306ea3;
    background-color: #3881c0
}

.grlv1 .grlv1__olQq:hover .grlv1__olLine {
    background-position: -293px -36px
}

.grlv1 .grlv1__olWeibo:hover {
    border-color: #d43838;
    background-color: #f94242
}

.grlv1 .grlv1__olWeibo:hover .grlv1__olLine {
    background-position: -294px -36px
}

.grlv1 .grlv1__olWeixin:hover {
    border-color: #4d9d46;
    background-color: #5bb852
}

.grlv1 .grlv1__olWeixin:hover .grlv1__olLine {
    background-position: -295px -36px
}

.grlv1__lau {
    margin: 0 20px;
    padding-top: 20px
}

.grlv1__lauList {
    width: 24.9%;
    height: 130px;
    text-align: center;
    float: left
}

.grlv1__lauIcon {
    width: 64px;
    height: 64px;
    overflow: hidden
}

.grlv1__lauName {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: block
}

.grlv1 .grlv1__iconBigWeixin {
    background-position: -68px -132px
}

.grlv1 .grlv1__lauMenu:hover .grlv1__iconBigWeixin {
    background-position: -68px -196px
}

.grlv1 .grlv1__iconBigQq {
    background-position: -200px 0
}

.grlv1 .grlv1__lauMenu:hover .grlv1__iconBigQq {
    background-position: -200px -64px
}

.grlv1 .grlv1__iconBig4399 {
    background-position: -132px 0
}

.grlv1 .grlv1__lauMenu:hover .grlv1__iconBig4399 {
    background-position: -132px -64px
}

.grlv1 .grlv1__iconBigWeibo {
    background-position: 0 -132px
}

.grlv1 .grlv1__lauMenu:hover .grlv1__iconBigWeibo {
    background-position: 0 -196px
}