.pw_check {
     width: 150px;
     background: url(../image/pw_check.gif) no-repeat;
     height: 22px;
     font-size: 12px
   }
   .pw_check span {
     width: 49px;
     height: 14px;
     line-height: 16px;
     margin-bottom: 6px;
     text-align: center;
     display: block;
     float: left
   }
   #pw_check_1 {
     background-position: 0 bottom
   }
   #pw_check_2 {
     background-position: -150px bottom
   }
   #pw_check_3 {
     background-position: -300px bottom
   }
   .sweet-alert, .sweet-overlay {
     position: fixed;
     display: none
   }
   .lesson-block, .sweet-alert input, .vip-plan {
     box-sizing: border-box
   }
   body, html {
     -webkit-text-size-adjust: none
   }
   .details .texts img, img {
     max-width: 100%
   }
   body.stop-scrolling {
     height: 100%;
     overflow: hidden
   }
   .sweet-overlay {
     background-color: #000;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
     background-color: rgba(0, 0, 0, .4);
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 10000
   }
   .sweet-alert {
     background-color: #fff;
     font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     width: 478px;
     padding: 17px;
     border-radius: 5px;
     text-align: center;
     left: 50%;
     top: 50%;
     margin-left: -256px;
     margin-top: -200px;
     overflow: hidden;
     z-index: 99999
   }
   @media all and (max-width:540px) {
     .sweet-alert {
       width: auto;
       margin-left: 0;
       margin-right: 0;
       left: 15px;
       right: 15px
     }
   }
   .sweet-alert h2 {
     color: #575757;
     font-size: 30px;
     text-align: center;
     font-weight: 600;
     text-transform: none;
     position: relative;
     margin: 25px 0;
     padding: 0;
     line-height: 40px;
     display: block
   }
   .sweet-alert p {
     color: #797979;
     font-size: 16px;
     font-weight: 300;
     position: relative;
     text-align: inherit;
     float: none;
     margin: 0;
     padding: 0;
     line-height: normal
   }
   .sweet-alert fieldset {
     border: none;
     position: relative
   }
   .sweet-alert .sa-error-container {
     background-color: #f1f1f1;
     margin-left: -17px;
     margin-right: -17px;
     overflow: hidden;
     padding: 0 10px;
     max-height: 0;
     webkit-transition: padding .15s, max-height .15s;
     transition: padding .15s, max-height .15s
   }
   .sweet-alert .sa-error-container.show {
     padding: 10px 0;
     max-height: 100px;
     webkit-transition: padding .2s, max-height .2s;
     transition: padding .25s, max-height .25s
   }
   .sweet-alert .sa-error-container .icon {
     display: inline-block;
     width: 24px;
     height: 24px;
     border-radius: 50%;
     background-color: #ea7d7d;
     color: #fff;
     line-height: 24px;
     text-align: center;
     margin-right: 3px
   }
   .sweet-alert .sa-error-container p {
     display: inline-block
   }
   .sweet-alert .sa-input-error {
     position: absolute;
     top: 29px;
     right: 26px;
     width: 20px;
     height: 20px;
     opacity: 0;
     -webkit-transform: scale(.5);
     transform: scale(.5);
     -webkit-transform-origin: 50% 50%;
     transform-origin: 50% 50%;
     -webkit-transition: all .1s;
     transition: all .1s
   }
   .sweet-alert .sa-input-error::after, .sweet-alert .sa-input-error::before {
     content: "";
     width: 20px;
     height: 6px;
     background-color: #f06e57;
     border-radius: 3px;
     position: absolute;
     top: 50%;
     margin-top: -4px;
     left: 50%;
     margin-left: -9px
   }
   .sweet-alert .sa-input-error::before {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg)
   }
   .sweet-alert .sa-input-error::after {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg)
   }
   .sweet-alert .sa-input-error.show {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1)
   }
   .sweet-alert input {
     width: 100%;
     border-radius: 3px;
     border: 1px solid #d7d7d7;
     height: 43px;
     margin-top: 10px;
     margin-bottom: 17px;
     font-size: 18px;
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
     padding: 0 12px;
     display: none;
     -webkit-transition: all .3s;
     transition: all .3s
   }
   .sweet-alert input:focus {
     outline: 0;
     box-shadow: 0 0 3px #c4e6f5;
     border: 1px solid #b4dbed
   }
   .sweet-alert input:focus::-moz-placeholder {
     transition: opacity .3s 30ms ease;
     opacity: .5
   }
   .sweet-alert input:focus:-ms-input-placeholder {
     transition: opacity .3s 30ms ease;
     opacity: .5
   }
   .sweet-alert input:focus::-webkit-input-placeholder {
     transition: opacity .3s 30ms ease;
     opacity: .5
   }
   .sweet-alert input::-moz-placeholder {
     color: #bdbdbd
   }
   .sweet-alert input:-ms-input-placeholder {
     color: #bdbdbd
   }
   .sweet-alert input::-webkit-input-placeholder {
     color: #bdbdbd
   }
   .sweet-alert.show-input input {
     display: block
   }
   .sweet-alert .sa-confirm-button-container {
     display: inline-block;
     position: relative
   }
   .sweet-alert .la-ball-fall {
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -27px;
     margin-top: 4px;
     opacity: 0;
     visibility: hidden
   }
   .sweet-alert button {
     background-color: #8CD4F5;
     color: #fff;
     border: none;
     box-shadow: none;
     font-size: 17px;
     font-weight: 500;
     -webkit-border-radius: 4px;
     border-radius: 5px;
     padding: 10px 32px;
     margin: 26px 5px 0;
     cursor: pointer
   }
   .sweet-alert button:focus {
     outline: 0;
     box-shadow: 0 0 2px rgba(128, 179, 235, .5), inset 0 0 0 1px rgba(0, 0, 0, .05)
   }
   .sweet-alert button:hover {
     background-color: #7ecff4
   }
   .sweet-alert button:active {
     background-color: #5dc2f1
   }
   .sweet-alert button.cancel {
     background-color: #C1C1C1
   }
   .sweet-alert button.cancel:hover {
     background-color: #b9b9b9
   }
   .sweet-alert button.cancel:active {
     background-color: #a8a8a8
   }
   .sweet-alert button.cancel:focus {
     box-shadow: rgba(197, 205, 211, .8) 0 0 2px, rgba(0, 0, 0, .0470588) 0 0 0 1px inset !important
   }
   .sweet-alert button[disabled] {
     opacity: .6;
     cursor: default
   }
   .sweet-alert button.confirm[disabled] {
     color: transparent
   }
   .sweet-alert button.confirm[disabled] ~ .la-ball-fall {
     opacity: 1;
     visibility: visible;
     transition-delay: 0s
   }
   .sweet-alert button::-moz-focus-inner {
     border: 0
   }
   .sweet-alert[data-has-cancel-button=false] button {
     box-shadow: none !important
   }
   .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
     padding-bottom: 40px
   }
   .sweet-alert .sa-icon {
     width: 80px;
     height: 80px;
     border: 4px solid gray;
     -webkit-border-radius: 40px;
     border-radius: 50%;
     margin: 20px auto;
     padding: 0;
     position: relative;
     box-sizing: content-box
   }
   .sweet-alert .sa-icon.sa-error {
     border-color: #F27474
   }
   .sweet-alert .sa-icon.sa-error .sa-x-mark {
     position: relative;
     display: block
   }
   .sweet-alert .sa-icon.sa-error .sa-line {
     position: absolute;
     height: 5px;
     width: 47px;
     background-color: #F27474;
     display: block;
     top: 37px;
     border-radius: 2px
   }
   .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     left: 17px
   }
   .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     right: 16px
   }
   .sweet-alert .sa-icon.sa-warning {
     border-color: #F8BB86
   }
   .sweet-alert .sa-icon.sa-warning .sa-body {
     position: absolute;
     width: 5px;
     height: 47px;
     left: 50%;
     top: 10px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     margin-left: -2px;
     background-color: #F8BB86
   }
   .sweet-alert .sa-icon.sa-warning .sa-dot {
     position: absolute;
     width: 7px;
     height: 7px;
     -webkit-border-radius: 50%;
     border-radius: 50%;
     margin-left: -3px;
     left: 50%;
     bottom: 10px;
     background-color: #F8BB86
   }
   .sweet-alert .sa-icon.sa-info::after, .sweet-alert .sa-icon.sa-info::before {
     content: "";
     background-color: #C9DAE1;
     position: absolute
   }
   .sweet-alert .sa-icon.sa-info {
     border-color: #C9DAE1
   }
   .sweet-alert .sa-icon.sa-info::before {
     width: 5px;
     height: 29px;
     left: 50%;
     bottom: 17px;
     border-radius: 2px;
     margin-left: -2px
   }
   .sweet-alert .sa-icon.sa-info::after {
     width: 7px;
     height: 7px;
     border-radius: 50%;
     margin-left: -3px;
     top: 19px
   }
   .activePhone .body .input-group:after, q:after, q:before {
     content: ''
   }
   .sweet-alert .sa-icon.sa-success {
     border-color: #A5DC86
   }
   .sweet-alert .sa-icon.sa-success::after, .sweet-alert .sa-icon.sa-success::before {
     content: '';
     position: absolute;
     width: 60px;
     height: 120px;
     background: #fff
   }
   .sweet-alert .sa-icon.sa-success::before {
     -webkit-border-radius: 120px 0 0 120px;
     border-radius: 120px 0 0 120px;
     top: -7px;
     left: -33px;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transform-origin: 60px 60px;
     transform-origin: 60px 60px
   }
   .sweet-alert .sa-icon.sa-success::after {
     -webkit-border-radius: 0 120px 120px 0;
     border-radius: 0 120px 120px 0;
     top: -11px;
     left: 30px;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transform-origin: 0 60px;
     transform-origin: 0 60px
   }
   .sweet-alert .sa-icon.sa-success .sa-placeholder {
     width: 80px;
     height: 80px;
     border: 4px solid rgba(165, 220, 134, .2);
     -webkit-border-radius: 40px;
     border-radius: 50%;
     box-sizing: content-box;
     position: absolute;
     left: -4px;
     top: -4px;
     z-index: 2
   }
   .sweet-alert .sa-icon.sa-success .sa-fix {
     width: 5px;
     height: 90px;
     background-color: #fff;
     position: absolute;
     left: 28px;
     top: 8px;
     z-index: 1;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg)
   }
   .sweet-alert .sa-icon.sa-success .sa-line {
     height: 5px;
     background-color: #A5DC86;
     display: block;
     border-radius: 2px;
     position: absolute;
     z-index: 2
   }
   .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
     width: 25px;
     left: 14px;
     top: 46px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg)
   }
   .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
     width: 47px;
     right: 8px;
     top: 38px;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg)
   }
   .sweet-alert .sa-icon.sa-custom {
     background-size: contain;
     border-radius: 0;
     border: none;
     background-position: center center;
     background-repeat: no-repeat
   }
   @-webkit-keyframes showSweetAlert {
     0% {
       transform: scale(.7);
       -webkit-transform: scale(.7)
     }
     45% {
       transform: scale(1.05);
       -webkit-transform: scale(1.05)
     }
     80% {
       transform: scale(.95);
       -webkit-transform: scale(.95)
     }
     100% {
       transform: scale(1);
       -webkit-transform: scale(1)
     }
   }
   @keyframes showSweetAlert {
     0% {
       transform: scale(.7);
       -webkit-transform: scale(.7)
     }
     45% {
       transform: scale(1.05);
       -webkit-transform: scale(1.05)
     }
     80% {
       transform: scale(.95);
       -webkit-transform: scale(.95)
     }
     100% {
       transform: scale(1);
       -webkit-transform: scale(1)
     }
   }
   @-webkit-keyframes hideSweetAlert {
     0% {
       transform: scale(1);
       -webkit-transform: scale(1)
     }
     100% {
       transform: scale(.5);
       -webkit-transform: scale(.5)
     }
   }
   @keyframes hideSweetAlert {
     0% {
       transform: scale(1);
       -webkit-transform: scale(1)
     }
     100% {
       transform: scale(.5);
       -webkit-transform: scale(.5)
     }
   }
   @-webkit-keyframes slideFromTop {
     0% {
       top: 0
     }
     100% {
       top: 50%
     }
   }
   @keyframes slideFromTop {
     0% {
       top: 0
     }
     100% {
       top: 50%
     }
   }
   @-webkit-keyframes slideToTop {
     0% {
       top: 50%
     }
     100% {
       top: 0
     }
   }
   @keyframes slideToTop {
     0% {
       top: 50%
     }
     100% {
       top: 0
     }
   }
   @-webkit-keyframes slideFromBottom {
     0% {
       top: 70%
     }
     100% {
       top: 50%
     }
   }
   @keyframes slideFromBottom {
     0% {
       top: 70%
     }
     100% {
       top: 50%
     }
   }
   @-webkit-keyframes slideToBottom {
     0% {
       top: 50%
     }
     100% {
       top: 70%
     }
   }
   @keyframes slideToBottom {
     0% {
       top: 50%
     }
     100% {
       top: 70%
     }
   }
   .showSweetAlert[data-animation=pop] {
     -webkit-animation: showSweetAlert .3s;
     animation: showSweetAlert .3s
   }
   .showSweetAlert[data-animation=none] {
     -webkit-animation: none;
     animation: none
   }
   .showSweetAlert[data-animation=slide-from-top] {
     -webkit-animation: slideFromTop .3s;
     animation: slideFromTop .3s
   }
   .showSweetAlert[data-animation=slide-from-bottom] {
     -webkit-animation: slideFromBottom .3s;
     animation: slideFromBottom .3s
   }
   .hideSweetAlert[data-animation=pop] {
     -webkit-animation: hideSweetAlert .2s;
     animation: hideSweetAlert .2s
   }
   .hideSweetAlert[data-animation=none] {
     -webkit-animation: none;
     animation: none
   }
   .hideSweetAlert[data-animation=slide-from-top] {
     -webkit-animation: slideToTop .4s;
     animation: slideToTop .4s
   }
   .hideSweetAlert[data-animation=slide-from-bottom] {
     -webkit-animation: slideToBottom .3s;
     animation: slideToBottom .3s
   }
   @-webkit-keyframes animateSuccessTip {
     0%, 54% {
       width: 0;
       left: 1px;
       top: 19px
     }
     70% {
       width: 50px;
       left: -8px;
       top: 37px
     }
     84% {
       width: 17px;
       left: 21px;
       top: 48px
     }
     100% {
       width: 25px;
       left: 14px;
       top: 45px
     }
   }
   @keyframes animateSuccessTip {
     0%, 54% {
       width: 0;
       left: 1px;
       top: 19px
     }
     70% {
       width: 50px;
       left: -8px;
       top: 37px
     }
     84% {
       width: 17px;
       left: 21px;
       top: 48px
     }
     100% {
       width: 25px;
       left: 14px;
       top: 45px
     }
   }
   @-webkit-keyframes animateSuccessLong {
     0%, 65% {
       width: 0;
       right: 46px;
       top: 54px
     }
     84% {
       width: 55px;
       right: 0;
       top: 35px
     }
     100% {
       width: 47px;
       right: 8px;
       top: 38px
     }
   }
   @keyframes animateSuccessLong {
     0%, 65% {
       width: 0;
       right: 46px;
       top: 54px
     }
     84% {
       width: 55px;
       right: 0;
       top: 35px
     }
     100% {
       width: 47px;
       right: 8px;
       top: 38px
     }
   }
   @-webkit-keyframes rotatePlaceholder {
     0%, 5% {
       transform: rotate(-45deg);
       -webkit-transform: rotate(-45deg)
     }
     100%, 12% {
       transform: rotate(-405deg);
       -webkit-transform: rotate(-405deg)
     }
   }
   @keyframes rotatePlaceholder {
     0%, 5% {
       transform: rotate(-45deg);
       -webkit-transform: rotate(-45deg)
     }
     100%, 12% {
       transform: rotate(-405deg);
       -webkit-transform: rotate(-405deg)
     }
   }
   .animateSuccessTip {
     -webkit-animation: animateSuccessTip .75s;
     animation: animateSuccessTip .75s
   }
   .animateSuccessLong {
     -webkit-animation: animateSuccessLong .75s;
     animation: animateSuccessLong .75s
   }
   .sa-icon.sa-success.animate::after {
     -webkit-animation: rotatePlaceholder 4.25s ease-in;
     animation: rotatePlaceholder 4.25s ease-in
   }
   @-webkit-keyframes animateErrorIcon {
     0% {
       transform: rotateX(100deg);
       -webkit-transform: rotateX(100deg);
       opacity: 0
     }
     100% {
       transform: rotateX(0);
       -webkit-transform: rotateX(0);
       opacity: 1
     }
   }
   @keyframes animateErrorIcon {
     0% {
       transform: rotateX(100deg);
       -webkit-transform: rotateX(100deg);
       opacity: 0
     }
     100% {
       transform: rotateX(0);
       -webkit-transform: rotateX(0);
       opacity: 1
     }
   }
   .animateErrorIcon {
     -webkit-animation: animateErrorIcon .5s;
     animation: animateErrorIcon .5s
   }
   @-webkit-keyframes animateXMark {
     0%, 50% {
       transform: scale(.4);
       -webkit-transform: scale(.4);
       margin-top: 26px;
       opacity: 0
     }
     80% {
       transform: scale(1.15);
       -webkit-transform: scale(1.15);
       margin-top: -6px
     }
     100% {
       transform: scale(1);
       -webkit-transform: scale(1);
       margin-top: 0;
       opacity: 1
     }
   }
   @keyframes animateXMark {
     0%, 50% {
       transform: scale(.4);
       -webkit-transform: scale(.4);
       margin-top: 26px;
       opacity: 0
     }
     80% {
       transform: scale(1.15);
       -webkit-transform: scale(1.15);
       margin-top: -6px
     }
     100% {
       transform: scale(1);
       -webkit-transform: scale(1);
       margin-top: 0;
       opacity: 1
     }
   }
   .animateXMark {
     -webkit-animation: animateXMark .5s;
     animation: animateXMark .5s
   }
   @-webkit-keyframes pulseWarning {
     0% {
       border-color: #F8D486
     }
     100% {
       border-color: #F8BB86
     }
   }
   @keyframes pulseWarning {
     0% {
       border-color: #F8D486
     }
     100% {
       border-color: #F8BB86
     }
   }
   .pulseWarning {
     -webkit-animation: pulseWarning .75s infinite alternate;
     animation: pulseWarning .75s infinite alternate
   }
   @-webkit-keyframes pulseWarningIns {
     0% {
       background-color: #F8D486
     }
     100% {
       background-color: #F8BB86
     }
   }
   @keyframes pulseWarningIns {
     0% {
       background-color: #F8D486
     }
     100% {
       background-color: #F8BB86
     }
   }
   .pulseWarningIns {
     -webkit-animation: pulseWarningIns .75s infinite alternate;
     animation: pulseWarningIns .75s infinite alternate
   }
   @-webkit-keyframes rotate-loading {
     0% {
       transform: rotate(0)
     }
     100% {
       transform: rotate(360deg)
     }
   }
   @keyframes rotate-loading {
     0% {
       transform: rotate(0)
     }
     100% {
       transform: rotate(360deg)
     }
   }
   .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
     -ms-transform: rotate(45deg)\9
   }
   .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
     -ms-transform: rotate(-45deg)\9
   }
   .sweet-alert .sa-icon.sa-success {
     border-color: transparent\9
   }
   .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
     -ms-transform: rotate(45deg)\9
   }
   .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
     -ms-transform: rotate(-45deg)\9
   }
   .la-ball-fall, .la-ball-fall > div {
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box
   }
   .la-ball-fall {
     display: block;
     font-size: 0;
     color: #fff;
     width: 54px;
     height: 18px
   }
   .la-ball-fall.la-dark {
     color: #333
   }
   .la-ball-fall > div {
     display: inline-block;
     float: none;
     background-color: currentColor;
     border: 0 solid currentColor;
     width: 10px;
     height: 10px;
     margin: 4px;
     border-radius: 100%;
     opacity: 0;
     -webkit-animation: ball-fall 1s ease-in-out infinite;
     -moz-animation: ball-fall 1s ease-in-out infinite;
     -o-animation: ball-fall 1s ease-in-out infinite;
     animation: ball-fall 1s ease-in-out infinite
   }
   .slider-arrow, .slides .slide img {
     display: block
   }
   .la-ball-fall > div:nth-child(1) {
     -webkit-animation-delay: -.2s;
     -moz-animation-delay: -.2s;
     -o-animation-delay: -.2s;
     animation-delay: -.2s
   }
   .la-ball-fall > div:nth-child(2) {
     -webkit-animation-delay: -.1s;
     -moz-animation-delay: -.1s;
     -o-animation-delay: -.1s;
     animation-delay: -.1s
   }
   .la-ball-fall > div:nth-child(3) {
     -webkit-animation-delay: 0s;
     -moz-animation-delay: 0s;
     -o-animation-delay: 0s;
     animation-delay: 0s
   }
   .la-ball-fall.la-sm {
     width: 26px;
     height: 8px
   }
   .la-ball-fall.la-sm > div {
     width: 4px;
     height: 4px;
     margin: 2px
   }
   .la-ball-fall.la-2x {
     width: 108px;
     height: 36px
   }
   .la-ball-fall.la-2x > div {
     width: 20px;
     height: 20px;
     margin: 8px
   }
   .la-ball-fall.la-3x {
     width: 162px;
     height: 54px
   }
   .la-ball-fall.la-3x > div {
     width: 30px;
     height: 30px;
     margin: 12px
   }
   @-webkit-keyframes ball-fall {
     0% {
       opacity: 0;
       -webkit-transform: translateY(-145%);
       transform: translateY(-145%)
     }
     10%, 90% {
       opacity: .5
     }
     20%, 80% {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0)
     }
     100% {
       opacity: 0;
       -webkit-transform: translateY(145%);
       transform: translateY(145%)
     }
   }
   @-moz-keyframes ball-fall {
     0% {
       opacity: 0;
       -moz-transform: translateY(-145%);
       transform: translateY(-145%)
     }
     10%, 90% {
       opacity: .5
     }
     20%, 80% {
       opacity: 1;
       -moz-transform: translateY(0);
       transform: translateY(0)
     }
     100% {
       opacity: 0;
       -moz-transform: translateY(145%);
       transform: translateY(145%)
     }
   }
   @-o-keyframes ball-fall {
     0% {
       opacity: 0;
       -o-transform: translateY(-145%);
       transform: translateY(-145%)
     }
     10%, 90% {
       opacity: .5
     }
     20%, 80% {
       opacity: 1;
       -o-transform: translateY(0);
       transform: translateY(0)
     }
     100% {
       opacity: 0;
       -o-transform: translateY(145%);
       transform: translateY(145%)
     }
   }
   @keyframes ball-fall {
     0% {
       opacity: 0;
       -webkit-transform: translateY(-145%);
       -moz-transform: translateY(-145%);
       -o-transform: translateY(-145%);
       transform: translateY(-145%)
     }
     10%, 90% {
       opacity: .5
     }
     20%, 80% {
       opacity: 1;
       -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
       -o-transform: translateY(0);
       transform: translateY(0)
     }
     100% {
       opacity: 0;
       -webkit-transform: translateY(145%);
       -moz-transform: translateY(145%);
       -o-transform: translateY(145%);
       transform: translateY(145%)
     }
   }
   .slider {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: hidden
   }
   .slider-arrow, .slider-nav {
     position: absolute;
     text-align: center
   }
   .slides {
     height: 100%;
     -webkit-backface-visibility: hidden;
     -webkit-transform-style: preserve-3d;
     -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
     -moz-transition: all .5s cubic-bezier(.165, .84, .44, 1);
     -ms-transition: all .5s cubic-bezier(.165, .84, .44, 1);
     -o-transition: all .5s cubic-bezier(.165, .84, .44, 1);
     transition: all .5s cubic-bezier(.165, .84, .44, 1)
   }
   .slides .slide {
     height: 100%;
     float: left;
     clear: none
   }
   .slider-arrow {
     margin-bottom: -20px;
     width: 19px;
     height: 27px;
     text-decoration: none;
     color: #fff;
     font-size: 2em;
     background: url(http://www.shuguo.chat/images/website-www/img6.png) no-repeat;
     top: 50%;
     margin-top: -13px;
     right: 10px
   }
   .slider-arrow--left {
     left: 10px;
     background: url(http://www.shuguo.chat/images/website-www/img5.png) no-repeat
   }
   .slider-nav {
     bottom: 10px;
     left: 50%;
     margin-left: -550px !important;
     width: 1110px !important;
     z-index: 9
   }
   .slider-nav__item {
     width: 9px;
     height: 9px;
     cursor: pointer;
     display: inline-block;
     margin: 0 3px;
     background: url(http://www.shuguo.chat/images/website-www/img3.png) no-repeat
   }
   .block, .clearfix {
     display: block
   }
   .slider-nav__item--current {
     background: url(http://www.shuguo.chat/images/website-www/img4.png) no-repeat
   }
   html {
     zoom: 1
   }
   body {
     -webkit-font-smoothing: antialiased
   }
   html * {
     outline: 0;
     zoom: 1
   }
   html button::-moz-focus-inner {
     border-color: transparent !important
   }
   blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
     margin: 0;
     padding: 0
   }
   a img, fieldset {
     border: 0
   }
   address, caption, cite, code, dfn, em, th, var {
     font-style: normal;
     font-weight: 400
   }
   li {
     list-style: none
   }
   caption, th {
     text-align: left
   }
   h1, h2, h3, h4, h5, h6 {
     font-size: 100%;
     font-weight: 400
   }
   em, i {
     font-style: normal
   }
   .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden
   }
   .colwrapper {
     overflow: hidden;
     zoom: 1;
     margin: 5px auto
   }
   .strong {
     font-weight: 700
   }
   .left {
     float: left
   }
   .right {
     float: right
   }
   .center {
     margin: 0 auto;
     text-align: center
   }
   .inline {
     display: inline
   }
   .transparent {
     filter: alpha(opacity=50);
     -moz-opacity: .5;
     -khtml-opacity: .5;
     opacity: .5
   }
   .break {
     word-wrap: break-word;
     overflow: hidden
   }
   .tal {
     text-align: left
   }
   .tar {
     text-align: right
   }
   .justify {
     text-align: justify;
     text-justify: distribute-all-lines;
     text-align-last: justify;
     -moz-text-align-last: justify;
     -webkit-text-align-last: justify
   }
   @media screen and (-webkit-min-device-pixel-ratio:0) {
     .justify:after {
       content: ".";
       display: inline-block;
       width: 100%;
       overflow: hidden;
       height: 0
     }
   }
   .fixed {
     position: fixed;
     clip: rect(0 100% 100% 0);
     bottom: 0;
     left: 0
   }
   .header, .header .nav .tit, .header .nav li {
     position: relative
   }
   *html {
     background-image: url(about:blank);
     background-attachment: fixed
   }
   .pngimg {
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.html')
   }
   em {
     font-style: italic !important
   }
   strike {
     text-decoration: line-through !important
   }
   strong {
     font-weight: 700 !important
   }
   u {
     text-decoration: underline !important
   }
   .ff8600, ff86aa a {
     color: #ff8600
   }
   .font14px {
     font-size: 14px
   }
   .font9pt {
     font-size: 9pt
   }
   a:hover {
     color: #3169b0
   }
   body {
     overflow-x: hidden;
     font-family: "Microsoft YaHei", sans-serif;
     font-size: 12px;
     line-height: 22px
   }
   .css3 {
     -webkit-transform: translate3d(0, -20px, 0);
     -ms-transform: translate3d(0, -20px, 0);
     transform: translate3d(0, -20px, 0);
     -webkit-transition-property: opacity, -webkit-transform;
     transition-property: opacity, transform;
     -webkit-transition-duration: 1s;
     transition-duration: 1s;
     -webkit-transition-timing-function: cubic-bezier(.25, .46, .33, .98);
     transition-timing-function: cubic-bezier(.25, .46, .33, .98);
     -webkit-transition-delay: .8s;
     transition-delay: .8s
   }
   .header, .header .sear .text {
     transition: all .3s ease-in-out 0s
   }
   .css3.animated {
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
   }
   a {
     outline: 0;
     color: #444
   }
   a:hover img {
     opacity: .8
   }
   ._hidden {
     display: none
   }
   .header .logo, .header .nav, .header .nav li {
     float: left;
     display: inline
   }
   .mgr20 {
     margin-right: 20px
   }
   .mgl20 {
     margin-left: 20px
   }
   .mgb20 {
     margin-bottom: 20px
   }
   .mgr10 {
     margin-right: 10px
   }
   .mgl10 {
     margin-left: 10px
   }
   .mgt10 {
     margin-top: 10px
   }
   .mgb10 {
     margin-bottom: 10px
   }
   .mgr5 {
     margin-right: 5px
   }
   .mgl5 {
     margin-left: 5px
   }
   .mgt5 {
     margin-top: 5px
   }
   .mgb5 {
     margin-bottom: 5px
   }
   .header {
     background: #3169b0;
     height: 70px;
     z-index: 9
   }
   .header .logo {
     margin-top: 20px
   }
   .header .nav {
     margin-left: 40px
   }
   .header .nav .tit {
     height: 70px;
     line-height: 70px;
     padding: 0 20px;
     color: #fff;
     font-size: 16px;
     display: block
   }
   .header .nav .tit.isNew .newBrand {
     position: absolute;
     width: 31px;
     height: 13px;
     top: 13px;
     left: 50%;
     margin-left: 10px;
     background-image: url(http://www.shuguo.chat/images/website-www/nav_new.png)
   }
   .header .nav .tit-more {
     background: url(http://www.shuguo.chat/images/website-www/img18.png) right center no-repeat;
     padding-right: 35px !important
   }
   .header .nav li .tit:hover, .header .nav li.selected .tit {
     background-color: #285690;
     text-decoration: none
   }
   .header .nav dl {
     position: absolute;
     left: 0;
     top: 70px;
     width: 110px;
     background: #285690;
     display: none
   }
   .header .nav dd {
     height: 40px;
     line-height: 40px;
     font-size: 14px
   }
   .header .nav dd a {
     color: #fff;
     display: block;
     padding-left: 20px
   }
   .header .nav dd a:hover {
     background: #1b457a
   }
   .header .sear {
     height: 30px;
     margin-top: 20px;
     float: right;
     display: inline;
     margin-right: 30px;
     border-radius: 15px;
     background: url(http://www.shuguo.chat/images/website-www/img35.png)
   }
   .header .sear-selected {
     background: url(http://www.shuguo.chat/images/website-www/img34.png)
   }
   .header .sear .text {
     width: 50px;
     height: 30px;
     border: none;
     margin-left: 21px;
     background: 0 0;
     color: #a4bad8;
     font-size: 14px;
     float: left;
     display: inline
   }
   .header .sear .text::-webkit-input-placeholder {
     color: #a4bad8
   }
   .header .sear .text:-ms-input-placeholder {
     color: #a4bad8
   }
   .header .sear .submit {
     background: url(http://www.shuguo.chat/images/website-www/img1.png) center no-repeat;
     width: 30px;
     height: 30px;
     border: none;
     cursor: pointer
   }
   .header .sear-selected .text {
     color: #444;
     width: 120px
   }
   .header .sear-selected .text::-webkit-input-placeholder {
     color: #444
   }
   .header .sear-selected .submit {
     background-image: url(http://www.shuguo.chat/images/website-www/img36.png)
   }
   .header .info {
     float: right;
     display: inline
   }
   .header .info li {
     float: left;
     display: inline;
     position: relative
   }
   .header .info li .tit {
     color: #fff;
     height: 70px;
     line-height: 70px;
     display: block;
     font-size: 16px;
     padding: 0 10px
   }
   .header .info li .tit .userimage {
     vertical-align: middle;
     border-radius: 50%
   }
   .header .info li .tit:hover, .header .info li.selected .tit {
     background: #285690
   }
   .header .info li .tit sup {
     width: 8px;
     height: 8px;
     background: #c82b16;
     border-radius: 8px;
     display: inline-block;
     position: relative;
     top: -6px;
     right: -3px
   }
   .header .info li .sub, .header .info li .sub.userinfo {
     position: absolute;
     top: 70px;
     background: #fff;
     display: none
   }
   .header .info li .sub {
     left: -95px;
     width: 240px
   }
   .header .info li .sub.userinfo {
     left: -35px;
     width: 120px
   }
   .header .info li .sub.userinfo dd a {
     padding-left: 30px
   }
   .header .info li.selected .sub {
     display: block
   }
   .header .info li .sub dl {
     margin-top: 5px;
     border: 1px solid #eaeaea;
     box-shadow: #ccc 0 0 5px;
     border-radius: 5px;
     position: relative;
     overflow: hidden
   }
   .aside .hmod .foot, .hblock .foot {
     border-top: #eee solid 1px;
     text-align: center
   }
   .header .info li .sub .arrow {
     background: url(http://www.shuguo.chat/images/website-www/img2.png) no-repeat;
     width: 29px;
     height: 18px;
     position: absolute;
     left: 50%;
     margin-left: -15px;
     top: -12px;
     z-index: 9
   }
   .hslide, .hslide li, .hslide li .img {
     position: relative
   }
   .header .info li .sub dd {
     border-bottom: #eee solid 1px;
     font-size: 14px;
     padding: 0
   }
   .header .info li .sub dd.last, .header .info li .sub dd:last-child {
     border-bottom: 0;
     border-radius: 0 0 5px 5px
   }
   .aside .hmod .head, .hblock .head, .hzxtj .head {
     border-bottom: #eee solid 1px
   }
   .header .info li .sub dd.last a, .header .info li .sub dd:last-child a {
     border-radius: 0 0 5px 5px
   }
   .header .info li .sub dd:first-child a {
     border-radius: 5px 5px 0 0
   }
   .header .info li .sub dd a {
     height: 45px;
     line-height: 45px;
     color: #666;
     display: block;
     padding-left: 10px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden
   }
   .header .info li .sub dd a:hover, .header .info li .sub dd.selected a {
     background: #5378a6;
     color: #fff
   }
   .header .msg {
     float: right;
     display: inline
   }
   .header .msg a {
     background: url(http://www.shuguo.chat/images/website-www/img32.png) center no-repeat;
     width: 20px;
     height: 70px;
     display: block
   }
   .header .user-img {
     float: right;
     display: inline;
     margin-top: 20px;
     width: 30px;
     height: 30px;
     border-radius: 30px;
     overflow: hidden;
     margin-left: 10px
   }
   .header .reg {
     float: right;
     display: inline;
     font-size: 18px;
     line-height: 70px;
     color: #fff;
     margin-left: 60px
   }
   .header .reg li {
     display: inline;
     float: left;
     margin: 0 7px
   }
   .header .reg a {
     color: #fff
   }
   .header .reg li .icon-logIn {
     float: right;
     margin: 20px 0 0 10px;
     width: 30px;
     height: 30px;
     background: url(http://www.shuguo.chat/template/default/images/website-www/v4/login/nav-logIn.png) no-repeat
   }
   .header .reg span.line {
     height: 15px;
     width: 1px;
     display: inline-block;
     background: #a8bedb;
     position: relative;
     top: 2px
   }
   .hslide-wrap, .page {
     height: auto;
     overflow: hidden
   }
   .aside, .hblock .head .nav, .hblock .head h2, .hslide, .hzxtj, .main {
     display: inline
   }
   .wrapper {
     width: 1170px;
     margin: 0 auto
   }
   .page {
     margin-top: 30px;
     clear: both
   }
   .main {
     width: 845px;
     float: left;
     padding: 0 !important
   }
   .aside {
     width: 295px;
     float: right
   }
   .hslide {
     width: 495px;
     height: 290px;
     overflow: hidden;
     float: left
   }
   .hslide a:hover img {
     opacity: 1
   }
   .hslide li .tip {
     background: url(http://www.shuguo.chat/images/website-www/img7.png);
     height: 65px;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     line-height: 45px;
     color: #beb9b9;
     font-size: 18px;
     text-align: center
   }
   .hblock, .hzxtj {
     background: #fff
   }
   .hzxtj {
     width: 300px;
     float: right;
     height: 260px;
     padding: 15px
   }
   .hzxtj .head {
     height: 40px;
     line-height: 40px;
     padding-left: 5px;
     font-size: 22px;
     color: #3169b0;
     font-weight: 700
   }
   .hzxtj .head h1 {
     font-weight: 700;
     font-size: 20px
   }
   .hzxtj .body {
     padding: 10px
   }
   .hzxtj .body li {
     margin-top: 23px;
     font-size: 16px;
     line-height: 1
   }
   .hblock {
     margin-top: 20px;
     padding: 0 20px
   }
   .hblock .head {
     height: 55px;
     line-height: 55px;
     padding-left: 5px
   }
   .hblock .head h2 {
     font-size: 20px;
     color: #3169b0;
     font-weight: 700
   }
   .hblock .head .nav {
     float: left;
     margin-left: 10px;
     margin-top: 5px
   }
   .hblock .head .nav li {
     float: left;
     display: inline;
     margin-left: 35px;
     font-size: 16px
   }
   .hblock .head .nav li a {
     height: 36px;
     line-height: 36px;
     display: block;
     padding: 0 10px
   }
   .hblock .head .nav li a:hover, .hblock .head .nav li.selected a {
     background: url(http://www.shuguo.chat/images/website-www/img3.jpg) bottom repeat-x;
     color: #3169b0
   }
   .hblock .head .btn {
     float: right;
     display: inline;
     margin-top: 14px
   }
   .hblock .head .btn a {
     background: url(http://www.shuguo.chat/images/website-www/img10.png) no-repeat;
     width: 96px;
     height: 30px;
     display: block
   }
   .hkwz li, .hkwz li .img {
     float: left;
     display: inline
   }
   .hblock .head .btn-tw a {
     background: url(http://www.shuguo.chat/images/website-www/img11.png) no-repeat;
     width: 108px
   }
   .hblock .body {
     padding: 32px 30px
   }
   .hblock .foot {
     height: 45px;
     line-height: 45px;
     font-size: 12px;
     color: #3169b0
   }
   .hblock .foot a {
     color: #99afd2;
     background: url(http://www.shuguo.chat/images/website-www/img9.png) right center no-repeat;
     padding-right: 15px
   }
   ul.hkwz {
     height: 300px;
     overflow: hidden;
     width: 110%
   }
   .hkwz li {
     overflow: hidden;
     width: 355px;
     margin-right: 36px;
     margin-bottom: 30px;
     height: 82px
   }
   .hkwz li .img {
     width: 114px;
     height: 76px
   }
   .hkwz li .text {
     width: 225px;
     float: right;
     display: inline;
     height: 77px;
     position: relative
   }
   .htwt li, .hxlfm li {
     float: left;
     display: inline
   }
   .hkwz li .text h2 {
     font-size: 14px;
     line-height: 24px
   }
   .hkwz li .text .name {
     position: absolute;
     left: 0;
     bottom: 0
   }
   .hkwz li .text .name a {
     color: #3169b0
   }
   .hkwz li .text .view {
     position: absolute;
     right: 0;
     bottom: 0
   }
   .hkwz li .text .view span {
     color: #ccc;
     background: url(http://www.shuguo.chat/images/website-www/img8.png) left 2px no-repeat;
     padding-left: 20px
   }
   .hads {
     margin-top: 20px
   }
   .htwt {
     width: 110%;
     height: 245px;
     overflow: hidden
   }
   .htwt li {
     height: 50px;
     overflow: hidden;
     width: 345px;
     margin-right: 40px;
     margin-bottom: 15px
   }
   .htwt li h2 a {
     font-size: 14px;
     line-height: 2
   }
   .htwt li h4 {
     font-size: 12px;
     color: #999
   }
   .hxlfm {
     height: auto;
     overflow: auto;
     width: 110%
   }
   .hxlcs, .hxlfm li .img, .hxlhd, .hxlhd li .img, .hxlhd li .text p {
     overflow: hidden
   }
   .hxlfm li {
     margin-right: 39px;
     width: 157px
   }
   .hxlfm li .img {
     width: 157px;
     height: 157px;
     position: relative
   }
   .hxlfm li .user i, .hxlfm li .user i img {
     width: 16px;
     height: 16px;
     border-radius: 16px
   }
   .hxlfm li .img a.play {
     background: url(http://www.shuguo.chat/images/website-www/img12.png) center no-repeat;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0
   }
   .hxlfm li h2 {
     margin: 10px 0
   }
   .huser, .hyzj li {
     margin-bottom: 20px
   }
   .hxlfm li .user i {
     overflow: hidden;
     margin-right: 10px
   }
   .hxlcs li, .hxlhd li {
     margin-right: 50px;
     float: left;
     display: inline
   }
   .hxlcs {
     height: auto;
     width: 110%
   }
   .hxlcs li {
     width: 213px
   }
   .hxlcs li h2 {
     font-size: 14px;
     margin-top: 15px
   }
   .huser .nav, .hxlcs li .hits {
     margin-top: 10px
   }
   .hxlcs li .hits span {
     background: url(http://www.shuguo.chat/images/website-www/img14.png) left center no-repeat;
     padding-left: 20px;
     color: #999
   }
   .hxlhd {
     height: 255px;
     width: 110%
   }
   .hxlhd li {
     width: 340px;
     height: 140px
   }
   .hxlhd li .img {
     width: 84px;
     height: 104px;
     float: left;
     display: inline
   }
   .hxlhd li .text {
     width: 240px;
     float: right;
     display: inline
   }
   .hxlhd li .text h2 {
     font-size: 14px;
     line-height: 22px
   }
   .hxlhd li .text h4 {
     margin-top: 10px;
     color: #999;
     line-height: 20px
   }
   .hxlhd li .text p {
     height: 20px;
     line-height: 20px
   }
   .huser {
     background: #fff;
     padding: 15px
   }
   .huser .info {
     height: auto;
     overflow: auto;
     background: #fafafa
   }
   .huser .info .img {
     width: 75px;
     float: left;
     display: inline
   }
   .huser .info .img img {
     display: block
   }
   .huser .info .text {
     width: 160px;
     float: left;
     display: inline;
     margin-left: 20px;
     font-size: 16px;
     padding-top: 20px;
     font-weight: 700
   }
   .huser .nav dl {
     height: auto;
     overflow: hidden
   }
   .huser .nav dd {
     width: 33.33%;
     float: left;
     display: inline;
     text-align: center;
     font-size: 14px;
     background: url(http://www.shuguo.chat/images/website-www/img25.jpg) right repeat-y
   }
   .huser .nav dd.last, .huser .nav dd:last-child {
     background: 0 0
   }
   .huser .nav dd h2 {
     line-height: 30px;
     font-weight: 700
   }
   .huser-sign .nav dd {
     width: 25%
   }
   .huser-sign .nav dd h2 {
     color: #999;
     font-weight: 400;
     font-size: 12px
   }
   .huser-sign .btn {
     width: 88px;
     height: 30px;
     background: #6493cd;
     border-radius: 5px;
     text-align: center;
     line-height: 30px;
     color: #fff;
     display: inline;
     font-size: 14px;
     font-weight: 400;
     float: right
   }
   .hyzj li .img, .hyzj li .img a:hover img {
     border-radius: 50px
   }
   .huser-sign .btn:hover {
     background: #4879be
   }
   .aside .hmod {
     background: #fff;
     padding: 0 15px
   }
   .aside .hmod .head {
     height: 55px;
     line-height: 55px
   }
   .aside .hmod .head .nav li {
     float: left;
     display: inline;
     height: 35px;
     line-height: 35px
   }
   .aside .hmod .head .nav li a {
     display: block;
     font-size: 16px;
     padding: 0 15px
   }
   .hdyxl li, .hyzj li .img, .hyzj li .text {
     display: inline;
     float: left
   }
   .aside .hmod .head .nav li a:hover, .aside .hmod .head .nav li.selected a {
     background: url(http://www.shuguo.chat/images/website-www/img3.jpg) bottom repeat-x;
     color: #3169b0
   }
   .aside .hmod .head h2 {
     font-size: 20px;
     color: #3169b0;
     font-weight: 700
   }
   .aside .hmod .foot {
     height: 45px;
     line-height: 45px;
     font-size: 12px;
     color: #3169b0
   }
   .aside .hmod .foot a {
     color: #99afd2;
     background: url(http://www.shuguo.chat/images/website-www/img9.png) right center no-repeat;
     padding-right: 15px
   }
   .aside .hmod-dy {
     margin-top: 20px
   }
   .hyzj {
     padding-top: 30px
   }
   .hyzj li {
     height: auto;
     overflow: hidden
   }
   .hyzj li .img {
     width: 50px;
     height: 50px;
     overflow: hidden
   }
   .hyzj li .text {
     width: 180px;
     margin-left: 15px
   }
   .hyzj li .text h2 a {
     font-size: 14px;
     color: #1974c1;
     line-height: 28px
   }
   .hyzj li .text h4 {
     color: #999;
     line-height: 16px
   }
   .hyzj li .text h5 {
     color: #ccc;
     margin-top: 5px
   }
   .footer, .footer a {
     color: #999
   }
   .hdyxl {
     width: 110%;
     height: 86px;
     line-height: 86px
   }
   .hdyxl li {
     margin-right: 20px;
     position: relative
   }
   .hdyxl li a {
     height: 36px;
     background: url(http://www.shuguo.chat/images/website-www/img15.png) left center no-repeat;
     padding-left: 45px;
     line-height: 36px;
     display: inline-block;
     font-size: 14px
   }
   .hdyxl li a.ico-weixin {
     background: url(http://www.shuguo.chat/images/website-www/img16.png) left center no-repeat;
     padding-left: 50px
   }
   .hdyxl li a.ico-phone {
     background: url(http://www.shuguo.chat/images/website-www/img17.png) left center no-repeat
   }
   .hdyxl li .fmo_content, .hdyxl li .fw_content {
     position: absolute;
     z-index: 1;
     top: 86px;
     background: #e0e0e0;
     overflow: hidden
   }
   .hdyxl li .weixin_arrow {
     position: absolute;
     z-index: 1;
     left: 30px;
     bottom: 0;
     width: 0;
     height: 0;
     overflow: hidden;
     border: 6px solid transparent;
     border-bottom-color: #e0e0e0;
     border-top-width: 0
   }
   .hdyxl li .focus_weixin {
     display: none
   }
   .hdyxl li .act .focus_weixin {
     display: block
   }
   .hdyxl li .fw_content {
     width: 160px;
     border-radius: 5px;
     left: -40px;
     height: 240px
   }
   .hdyxl li .fw_content img {
     padding: 5px
   }
   .hdyxl li .fw_content p {
     color: #999;
     font-size: 12px;
     line-height: 20px;
     text-align: left;
     margin: 0;
     padding-left: 10px;
     padding-bottom: 20px;
     position: absolute;
     bottom: 0;
     left: 0
   }
   .hdyxl li .focus_mobile {
     display: none
   }
   .hdyxl li .act .focus_mobile {
     display: block
   }
   .hdyxl li .fmo_arrow {
     position: absolute;
     z-index: 1;
     right: 40px;
     bottom: 0;
     width: 0;
     height: 0;
     overflow: hidden;
     border: 6px solid transparent;
     border-bottom-color: #e0e0e0;
     border-top-width: 0
   }
   .hdyxl li .fmo_content {
     right: -15px;
     padding: 5px;
     border-radius: 5px;
     width: 300px;
     height: 154px
   }
   .artype, .footer {
     background: #fff
   }
   .footer {
     margin-top: 30px
   }
   .footer .nav {
     border-bottom: #e6e6e6 dashed 1px;
     height: 50px;
     line-height: 50px;
     text-align: center
   }
   .footer .nav li {
     display: inline;
     margin: 0 18px
   }
   .footer .nav a {
     color: #6381c9
   }
   .footer .links {
     text-align: center;
     padding: 15px 30px;
     line-height: 22px
   }
   .footer .links dd, .footer .links dt {
     display: inline;
     margin: 0 10px
   }
   .footer .copyright {
     line-height: 47px;
     text-align: center;
     padding-bottom: 50px
   }
   .footer .copyright .text {
     display: inline-block
   }
   .footer .copyright .img {
     display: inline-block;
     margin-left: 5px
   }
   .footer .copyright .img2 {
     margin-right: 5px;
     vertical-align: -5px
   }
   .page2 {
     width: 970px;
     margin: 30px auto 0;
     clear: both;
     height: auto;
     overflow: hidden
   }
   .main2 {
     width: 645px;
     float: left;
     display: inline
   }
   .aside2 {
     width: 295px;
     float: right;
     display: inline
   }
   .artype {
     padding: 0 20px
   }
   .artype .head {
     height: 50px;
     padding-top: 5px;
     line-height: 50px;
     border-bottom: #eee solid 1px
   }
   .artype .head .nav {
     float: left;
     display: inline
   }
   .artype .head .nav li {
     float: left;
     display: inline;
     font-size: 20px
   }
   .artype .head .nav li a {
     height: 50px;
     line-height: 50px;
     display: block;
     padding: 0 17px
   }
   .artype .head .nav li.selected a {
     background: url(http://www.shuguo.chat/images/website-www/img3.jpg) bottom repeat-x;
     color: #3169b0;
     font-weight: 700
   }
   .artype .head .nav li.hover a {
     background: url(http://www.shuguo.chat/images/website-www/img3.jpg) bottom repeat-x;
     color: #444
   }
   .artype .head .nav li.curr a {
     color: #3169b0
   }
   .artype .body {
     padding: 20px
   }
   .artype .body ul {
     width: 105%
   }
   .artype .body li {
     display: inline-block;
     margin-right: 8px;
     margin-bottom: 10px
   }
   .artype .body a {
     display: inline-block;
     height: 22px;
     border: 1px solid #e4e4e4;
     text-align: center;
     line-height: 22px;
     padding: 0 10px;
     border-radius: 15px;
     color: #666
   }
   .artype .body a:hover, .artype .body li.selected a {
     background: #5281bd;
     color: #fff;
     border-color: #5281bd
   }
   .arlist .list li .text h4 a, .arlist .nav li.selected a {
     color: #3169b0
   }
   .arlist {
     background: #fff;
     margin-top: 20px;
     padding: 0 20px
   }
   .arlist .nav {
     height: 80px;
     line-height: 80px;
     padding: 0 20px
   }
   .arlist .nav li {
     display: inline;
     font-size: 16px
   }
   .arlist .nav li a {
     font-weight: 700
   }
   .arlist .nav li span {
     display: inline-block;
     width: 1px;
     height: 16px;
     background: #d2d2d2;
     margin: 0 15px
   }
   .arlist .list {
     margin-top: -20px;
     overflow: hidden
   }
   .arlist .list li {
     padding: 25px 20px;
     height: auto;
     overflow: hidden;
     border-bottom: #eee solid 1px
   }
   .arlist .list li .img {
     width: 174px;
     height: 116px;
     float: left;
     display: inline
   }
   .arlist .list li .text {
     width: 330px;
     float: left;
     display: inline;
     margin-left: 20px
   }
   .arlist .list li .text h2 {
     font-size: 14px;
     line-height: 1.5;
     margin-top: 0;
     height: 50px
   }
   .arlist .list .attr {
     height: auto;
     overflow: hidden;
     margin-top: 10px
   }
   .arlist .list .attr dd {
     display: inline
   }
   .arlist .list .attr .hit {
     float: left;
     display: inline
   }
   .arlist .list .attr .hit dd {
     margin-right: 10px
   }
   .arlist .list .attr .hit dd a {
     color: #999;
     background: url(http://www.shuguo.chat/images/website-www/img19.png) left center no-repeat;
     padding-left: 20px
   }
   .arlist .list .attr .hit dd a.ico-digg {
     background: url(http://www.shuguo.chat/images/website-www/img20.png) left center no-repeat
   }
   .arlist .list .tag {
     float: right;
     display: inline
   }
   .arlist .list .tag dd {
     margin-left: 5px
   }
   .arlist .list .tag dd a {
     display: inline-block;
     height: 20px;
     line-height: 20px;
     padding: 0 10px;
     border: 1px solid #dcdcdc;
     border-radius: 10px;
     color: #d3d2d2
   }
   .arlist .list .tag dd a.selected, .arlist .list .tag dd a:hover {
     border-color: #5281bd;
     color: #5281bd
   }
   .details-head, .qzzj .head {
     border-bottom: #eee solid 1px
   }
   .arlist .more {
     height: 60px;
     line-height: 60px;
     text-align: center
   }
   .arlist .more a {
     color: #a9bbd8;
     font-size: 12px;
     background: url(http://www.shuguo.chat/images/website-www/img37.png) right center no-repeat;
     padding-right: 16px
   }
   .qzzj {
     background: #fff;
     padding: 0 15px
   }
   .qzzj .head {
     height: 40px;
     line-height: 40px;
     font-size: 16px;
     color: #3169b0;
     padding: 10px 15px 0
   }
   .qzzj .body {
     padding-left: 15px;
     padding-top: 30px
   }
   .qzzj li {
     margin-bottom: 20px;
     height: auto;
     overflow: hidden;
     position: relative
   }
   .qzzj li .img {
     width: 50px;
     height: 50px;
     float: left;
     display: inline;
     border-radius: 50px;
     overflow: hidden
   }
   .qzzj li .text {
     width: 180px;
     float: left;
     display: inline;
     margin-left: 15px
   }
   .qzzj li .text h2 {
     height: 28px;
     line-height: 28px;
     overflow: hidden;
     width: 100px
   }
   .qzzj li .text h2 a {
     font-size: 14px;
     color: #1974c1;
     line-height: 28px
   }
   .qzzj li .text h4 {
     color: #999;
     line-height: 18px
   }
   .qzzj li .text h5 {
     color: #ccc;
     margin-top: 5px
   }
   .qzzj li .love {
     position: absolute;
     right: 0;
     top: 5px
   }
   .qzzj li .love a {
     background: url(http://www.shuguo.chat/images/website-www/img21.png) right center no-repeat;
     padding-right: 25px;
     display: inline-block;
     height: 20px;
     line-height: 20px;
     color: #999
   }
   .qzzj li .love a.selected, .qzzj li .love a:hover {
     background: url(http://www.shuguo.chat/images/website-www/img22.png) right center no-repeat;
     color: #4f84c6
   }
   .qzzj .foot {
     height: 45px;
     line-height: 45px;
     text-align: center;
     border-top: #eee solid 1px
   }
   .qzzj .foot a {
     color: #92b4db;
     font-size: 14px;
     background: url(http://www.shuguo.chat/images/website-www/img9.png) right center no-repeat;
     padding-right: 15px
   }
   .details {
     background: #fff;
     padding: 0 20px 35px
   }
   .details-head {
     padding: 0 10px 10px
   }
   .details .curr {
     height: 50px;
     line-height: 50px
   }
   .details .curr a.selected {
     color: #3169b0
   }
   .details .title h1 {
     font-size: 24px;
     font-weight: 700;
     color: #444;
     line-height: 30px
   }
   .details .attr {
     margin-top: 30px
   }
   .details .attr .ico-view {
     background: url(http://www.shuguo.chat/images/website-www/img30.png) left center no-repeat;
     padding-left: 20px
   }
   .details .attr .ico-com {
     background: url(http://www.shuguo.chat/images/website-www/img31.png) left center no-repeat;
     padding-left: 20px
   }
   .details .attr dl {
     display: inline;
     margin-right: 50px
   }
   .details .attr dd {
     display: inline;
     margin-right: 15px
   }
   .details .attr dd a {
     color: #999
   }
   .details .attr span {
     color: #c3c2c2
   }
   .details .attr .edit {
     float: right
   }
   .details .tags {
     margin-top: 10px
   }
   .details .tags dd {
     display: inline;
     margin-right: 10px
   }
   .details .tags dd a {
     height: 24px;
     line-height: 24px;
     padding: 0 10px;
     border: 1px solid #e4e4e4;
     border-radius: 10px;
     color: #999
   }
   .details .tags dd a:hover {
     background: #999;
     color: #fff
   }
   .details .texts {
     padding: 35px 20px 0;
     font-size: 14px;
     line-height: 28px;
     font-family: "新宋体", "宋体";
     overflow: hidden
   }
   .details .texts p {
     margin-bottom: 25px
   }
   .details .texts .img {
     text-align: center;
     width: 564px;
     height: 376px;
     overflow: hidden
   }
   .details .texts .img img {
     display: block
   }
   .details .texts .copyright {
     color: #999;
     font-size: 12px
   }
   .details .texts .copyright a {
     color: #3169b0
   }
   .details .texts .digg {
     background: url(http://www.shuguo.chat/images/website-www/img23.png) left bottom no-repeat;
     width: 75px;
     height: 74px;
     margin: 50px auto 0;
     text-align: center;
     overflow: hidden;
     cursor: pointer
   }
   .details .texts .digg-selected {
     background-position: left top
   }
   .details .texts .digg a {
     padding-top: 40px;
     color: #fff;
     display: block
   }
   .details .action {
     height: auto;
     overflow: hidden;
     padding: 0 20px
   }
   .details .action .fav {
     float: left;
     display: inline
   }
   .details .action .fav .btn {
     background: url(http://www.shuguo.chat/images/website-www/btn_favorite.png) no-repeat;
     width: 80px;
     height: 30px;
     display: inline-block;
     margin-right: 10px;
     vertical-align: middle
   }
   .details .action .fav.fav-selected .btn {
     background: url(http://www.shuguo.chat/images/website-www/btn_favorite_active.png)
   }
   .details .action .share {
     float: right;
     display: inline
   }
   .details .action .share dd, .details .action .share dt {
     display: inline;
     margin-left: 10px
   }
   .details .action .share.bdshare-button-style0-16 span {
     float: left;
     line-height: 32px;
     height: 32px
   }
   .details .action .share.bdshare-button-style0-16 a {
     margin: 0 0 0 8px;
     width: 32px;
     height: 32px;
     padding: 0;
     background-image: none;
     background-position: 0 0;
     line-height: 0
   }
   .detail-xgwz, .detail-xgwz .body {
     margin-top: 20px
   }
   .details .action .share.bdshare-button-style0-16 a.bds_weixin {
     background-image: url(http://www.shuguo.chat/images/website-www/img25.png)
   }
   .details .action .share.bdshare-button-style0-16 a.bds_tsina {
     background-image: url(http://www.shuguo.chat/images/website-www/img26.png)
   }
   .details .action .share.bdshare-button-style0-16 a.bds_douban {
     background-image: url(http://www.shuguo.chat/images/website-www/img27.png)
   }
   .detail-xgwz {
     background: #fff;
     padding: 30px
   }
   .detail-xgwz .head h2 {
     font-size: 20px;
     color: #3169b0;
     font-weight: 700
   }
   .detail-xgwz ul {
     height: auto;
     overflow: auto;
     width: 105%
   }
   .detail-xgwz li {
     float: left;
     display: inline;
     margin-right: 15px;
     width: 135px
   }
   .detail-xgwz li .img {
     width: 135px;
     height: 90px;
     position: relative;
     overflow: hidden
   }
   .detail-xgwz li .user i, .detail-xgwz li .user i img {
     width: 16px;
     height: 16px;
     border-radius: 16px
   }
   .detail-xgwz li h2 {
     margin: 10px 0;
     font-size: 14px
   }
   .detail-xgwz li .user i {
     overflow: hidden;
     margin-right: 10px
   }
   .detail-pl {
     background: #fff;
     margin-top: 20px;
     padding: 20px 30px
   }
   .detail-pl .head {
     font-size: 16px
   }
   .detail-pl .body {
     margin-top: 10px;
     border: 1px solid #eee;
     padding: 10px;
     border-radius: 5px
   }
   .detail-pl .body textarea {
     width: 100%;
     height: 100px;
     border: none
   }
   .detail-pl .foot {
     margin-top: 10px;
     text-align: right
   }
   .detail-pl .foot input {
     width: 76px;
     height: 30px;
     background: #4578b8;
     color: #fff;
     border: none;
     border-radius: 5px;
     font-size: 14px;
     cursor: pointer
   }
   .detail-pl .foot input:hover {
     background: #6898cc
   }
   .detail-plist {
     background: #fff;
     margin-top: 20px;
     padding: 20px 20px 0;
     color: #666
   }
   .detail-plist li {
     padding: 15px 0;
     border-bottom: #eee solid 1px;
     height: auto;
     overflow: hidden
   }
   .detail-plist li .img {
     width: 50px;
     height: 50px;
     float: left;
     display: inline;
     border-radius: 50px;
     overflow: hidden
   }
   .detail-plist li .text {
     width: 520px;
     float: left;
     display: inline;
     margin-left: 15px
   }
   .detail-plist li .text h2 a {
     color: #4578b8
   }
   .detail-plist li .text h2 span {
     color: #999;
     margin-left: 10px
   }
   .detail-plist li .text p {
     margin-top: 5px
   }
   .detail-plist li .meta {
     height: auto;
     overflow: hidden;
     margin-top: 15px
   }
   .detail-plist li .meta dd {
     display: inline;
     color: #999
   }
   .detail-plist li .meta dd a {
     color: #999
   }
   .detail-plist li .meta span.line {
     width: 1px;
     height: 14px;
     background: #eee;
     display: inline-block;
     margin: 0 6px
   }
   .detail-plist li .info {
     float: left;
     display: inline
   }
   .detail-plist li .acts {
     float: right;
     display: inline
   }
   .detail-plist li .acts a {
     display: inline-block
   }
   .detail-plist li .acts .ico-zan {
     background: url(http://www.shuguo.chat/images/website-www/img28.png) left center no-repeat;
     padding-left: 20px
   }
   .detail-plist li .acts .ico-com {
     background: url(http://www.shuguo.chat/images/website-www/img29.png) left center no-repeat;
     padding-left: 20px
   }
   .detail-plist li .acts .ico-com:hover, .detail-plist li .acts .selected .ico-com {
     background-image: url(http://www.shuguo.chat/images/website-www/img33.png)
   }
   .detail-plist li .reply {
     background: #f3f3f3;
     padding: 10px 15px;
     border-radius: 5px;
     margin-top: 10px;
     color: #666
   }
   .detail-plist li .reply a {
     color: #4578b8
   }
   .detail-plist li .form {
     margin-top: 10px
   }
   .detail-plist li .form .text-wrap {
     border: 2px solid #eee;
     padding: 10px;
     border-radius: 5px
   }
   .detail-plist li .form .text-wrap textarea {
     height: 40px;
     border: none;
     width: 100%
   }
   .detail-plist li .form .btns {
     text-align: right;
     margin-top: 10px
   }
   .detail-plist li .form .btns input {
     background: 0 0;
     width: 50px;
     height: 30px;
     border: none;
     border-radius: 5px;
     color: #666;
     cursor: pointer
   }
   .detail-plist li .form .btns .btn-submit {
     font-size: 14px;
     background: #3169b0;
     color: #fff
   }
   .detail-plist li .form .btns .btn-submit:hover {
     background: #528bc6
   }
   .detail-plist .more {
     height: 48px;
     line-height: 60px;
     text-align: center
   }
   .detail-plist .more a {
     color: #a9bbd8;
     font-size: 12px;
     background: url(http://www.shuguo.chat/images/website-www/img37.png) right center no-repeat;
     padding-right: 16px
   }
   .detail-user {
     background: #fff;
     padding: 0 10px 10px;
     overflow: hidden
   }
   .detail-user .img {
     margin: 25px auto 0;
     text-align: center;
     width: 70px;
     height: 70px;
     border-radius: 70px;
     overflow: hidden
   }
   .detail-user .text {
     margin-top: 20px;
     text-align: center
   }
   .detail-user .text h2 {
     line-height: 30px;
     font-size: 16px
   }
   .detail-user .nav {
     margin-top: 20px;
     border-top: #eee solid 1px;
     border-bottom: #eee solid 1px;
     padding: 5px 0;
     height: auto;
     overflow: hidden
   }
   .detail-user .nav li {
     float: left;
     display: inline;
     width: 25%;
     text-align: center;
     background: url(http://www.shuguo.chat/images/website-www/img42.jpg) right repeat-y
   }
   .detail-user .nav li.last {
     background: 0 0
   }
   .detail-user .list {
     margin-top: 20px;
     padding: 0 10px
   }
   .detail-user .list h2 {
     font-size: 14px
   }
   .detail-user .list p {
     margin-top: 15px;
     color: #666
   }
   .detail-user .btns {
     width: 105%;
     margin-top: 20px
   }
   .detail-user .btns .btn {
     width: 128px;
     height: 36px;
     display: inline-block;
     border: 1px solid #1ab893;
     border-radius: 5px;
     font-size: 14px;
     text-align: center;
     line-height: 36px;
     margin-left: 5px;
     color: #1ab893
   }
   .fbwz .img-view dd, .fbwz li .text-wp .text {
     display: inline;
     float: left
   }
   .detail-user .btns .btn:hover {
     border-color: #e4e4e4;
     color: #999
   }
   .detail-user .btns .btn-selected {
     background: #1ab893;
     color: #fff
   }
   .detail-user .btns .btn-selected:hover {
     background: #35ccaf;
     border-color: #35ccaf;
     color: #fff
   }
   .detail-user dl {
     margin-top: 20px
   }
   .detail-user dl dd {
     padding: 0 10px
   }
   .detail-user dd span {
     color: #1ab993
   }
   .fbwz {
     width: 910px;
     background: #fff;
     margin: 30px auto 0;
     padding: 20px 30px;
     line-height: 26px
   }
   .fbwz .curr {
     color: #999
   }
   .fbwz .curr a {
     color: #3169b0
   }
   .fbwz .form {
     margin-top: 20px;
     color: #505050
   }
   .fbwz .form li {
     padding-left: 70px;
     position: relative;
     margin-bottom: 25px
   }
   .fbwz li .label {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 14px
   }
   .fbwz li .text-wp {
     height: auto;
     overflow: hidden
   }
   .fbwz li .text-wp .counter {
     float: left;
     display: inline;
     margin-left: 8px;
     margin-top: 20px;
     line-height: 1;
     color: #a1a1a1
   }
   .fbwz li .text {
     width: 424px;
     height: 32px;
     border: 1px solid #eee;
     padding: 0 10px
   }
   .fbwz .tip {
     color: #b20808;
     font-size: 12px
   }
   .fbwz .img-view dl {
     height: auto;
     overflow: hidden
   }
   .fbwz .img-view dd {
     padding-right: 30px;
     position: relative;
     width: 120px;
     height: 80px
   }
   .fbwz .img-view dd img {
     display: block
   }
   .fbwz .img-view dd p {
     line-height: 1;
     margin-top: 7px
   }
   .fbwz .img-view dd del {
     position: absolute;
     right: 0;
     bottom: 0;
     line-height: 1
   }
   .fbwz .img-view dd label input {
     margin-right: 5px
   }
   .fbwz .tags {
     border: 1px solid #eee;
     padding: 10px;
     border-radius: 5px;
     color: #666;
     margin-top: 20px
   }
   .fbwz .tags dl {
     margin-top: 10px
   }
   .fbwz .tags dd {
     display: inline
   }
   .fbwz .tags dd a {
     height: 22px;
     border: 1px solid #e4e4e4;
     padding: 0 10px;
     line-height: 22px;
     border-radius: 15px;
     display: inline-block;
     margin-right: 10px;
     margin-bottom: 15px;
     color: #666
   }
   .fbwz .tags dd a:hover, .fbwz .tags dd.selected a {
     background: #6e96c8;
     color: #fff;
     border-color: #e4e4e4
   }
   .fbwz select {
     padding: 0 10px;
     border: 1px solid #eee;
     background: #f7f7f7;
     border-radius: 5px;
     height: 36px;
     line-height: 36px
   }
   .fbwz .submit {
     margin-top: 50px;
     width: 130px;
     height: 38px;
     color: #fff;
     background: #3169b0;
     border-radius: 5px;
     font-size: 14px;
     border: none;
     cursor: pointer
   }
   .fbwz .submit:hover {
     background-color: #518ac5
   }
   .fbwz .file {
     position: relative
   }
   .fbwz .file img {
     display: block;
     width: 104px;
     height: 34px
   }
   .fbwz .file input {
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     -moz-opacity: 0;
     -webkit-opacity: 0;
     cursor: pointer;
     height: 30px;
     width: 100px
   }
   .fbwz .editor {
     font-size: 12px;
     position: relative;
     top: -20px;
     width: 800px
   }
   .fbwz .editor .edui-editor-breadcrumb {
     display: none
   }
   .fbwz .editor sup {
     text-align: right;
     display: block;
     margin-bottom: 3px;
     line-height: 1
   }
   .jg-view {
     background: #fff;
     padding: 30px;
     height: auto;
     overflow: hidden
   }
   .jg-view .view {
     width: 280px;
     float: left;
     display: inline;
     text-align: center;
     height: 180px
   }
   .jg-view .view .img {
     width: 80px;
     height: 80px;
     overflow: hidden;
     border-radius: 88px;
     margin: 0 auto
   }
   .jg-view .view ul {
     margin: 20px auto 0;
     height: auto;
     overflow: hidden
   }
   .jg-view .view li {
     width: 20%;
     float: left;
     display: inline;
     height: 35px;
     background: url(http://www.shuguo.chat/images/website-www/img48.jpg) right repeat-y;
     line-height: 1;
     font-size: 14px
   }
   .jg-view .view li.last {
     background: 0 0
   }
   .jg-view .view li h4 {
     line-height: 1.5;
     font-weight: 700;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
   }
   .jg-view .desc {
     width: 290px;
     float: right;
     display: inline;
     font-size: 14px;
     line-height: 23px
   }
   .jg-view .desc #edit {
     display: none
   }
   .jg-view .desc li.active #edit {
     display: inline-block
   }
   .jg-view .desc li {
     margin-bottom: 10px
   }
   .jg-view .desc li.jj {
     height: auto
   }
   .jg-view .desc li i {
     margin-right: 8px
   }
   .jg-view .desc li i.arrow {
     background: url(http://www.shuguo.chat/images/website-www/img47.png) no-repeat;
     width: 11px;
     height: 10px;
     display: inline-block;
     position: relative;
     top: 1px;
     border-top: none
   }
   .jg-view .desc .jj.selected i.arrow {
     background-image: url(http://www.shuguo.chat/images/website-www/img48.png)
   }
   .jg-view .desc .jj .more {
     display: none
   }
   .jg-view .desc .jj.selected .more {
     display: inline
   }
   .desc-edit ul li i img {
     vertical-align: middle
   }
   .jg-view .desc-edit li {
     position: relative;
     padding-left: 20px;
     height: 25px;
     line-height: 25px
   }
   .jg-view .desc-edit li i {
     position: absolute;
     left: 0;
     top: 0
   }
   .jg-view .desc-edit .brief-edit .content {
     height: 20px;
     overflow: hidden;
     display: block
   }
   .jg-view .desc-edit .tx, .jg-view .desc-edit .xq {
     display: inline-block
   }
   .jg-view .desc-edit .tx .text {
     width: 168px;
     height: 28px;
     border: 1px solid #ababab;
     border-radius: 5px;
     padding: 0 5px;
     font-size: 14px;
     line-height: 28px
   }
   .jg-view .desc-edit .tx .submit {
     width: 50px;
     height: 30px;
     background: #3169b0;
     color: #fff;
     border: none;
     border-radius: 5px;
     font-size: 14px
   }
   .jg-view .desc-edit .xq textarea {
     width: 251px;
     height: 96px;
     border: 1px solid #ababab;
     border-radius: 5px;
     padding: 5px;
     display: block;
     font-size: 14px
   }
   .jg-view .desc-edit .xq .submit {
     width: 50px;
     height: 30px;
     background: #3169b0;
     color: #fff;
     border: none;
     border-radius: 5px;
     font-size: 14px;
     float: right;
     margin-top: 5px
   }
   .jg-view .fs16 {
     font-size: 16px
   }
   .jg-view a {
     color: #285690;
     font-size: 14px
   }
   .jg-view .foot {
     clear: both;
     height: auto;
     overflow: hidden
   }
   .jg-view .foot h2 {
     float: left;
     display: inline;
     font-size: 14px;
     margin-left: 32px
   }
   .jg-view .foot .share {
     float: right;
     display: inline;
     color: #999;
     font-size: 12px
   }
   .jg-view .foot .share a, .jg-view .foot .share span {
     float: left;
     display: inline;
     margin-left: 8px
   }
   .jg-view .foot .share img {
     border-radius: 50px
   }
   .jg-view .foot .share.bdshare-button-style0-16 a {
     margin: 0 0 0 8px;
     width: 23px;
     height: 23px;
     padding: 0;
     background-image: none;
     background-position: 0 0;
     line-height: 0
   }
   .jg-view .foot .share.bdshare-button-style0-16 a.bds_weixin {
     background-image: url(http://www.shuguo.chat/images/website-www/img44.png)
   }
   .jg-view .foot .share.bdshare-button-style0-16 a.bds_tsina {
     background-image: url(http://www.shuguo.chat/images/website-www/img45.png)
   }
   .jg-view .foot .share.bdshare-button-style0-16 a.bds_douban {
     background-image: url(http://www.shuguo.chat/images/website-www/img46.png)
   }
   .jg-mod, .jg-nav {
     background: #fff
   }
   .jg-view .arrow {
     margin-left: 5px;
     cursor: pointer
   }
   .jg-nav {
     padding-top: 10px;
     height: 35px;
     line-height: 35px;
     margin-top: 20px;
     padding-left: 40px
   }
   .jg-mod .head, .jg-nav ul {
     height: auto;
     overflow: hidden
   }
   .jg-nav li {
     margin-right: 25px;
     float: left;
     display: inline
   }
   .jg-nav li a {
     display: block;
     border-bottom: #fff solid 3px;
     font-size: 16px;
     color: #444;
     line-height: 32px;
     padding: 0 10px
   }
   .jg-mod .head dd, .jg-mod .head dl, .jg-mod .head h2 {
     display: inline;
     float: left
   }
   .jg-nav li a:hover, .jg-nav li.selected a {
     border-bottom-color: #38c2c9;
     color: #3169b0
   }
   .jg-mod {
     margin-top: 10px;
     padding: 0 18px
   }
   .jg-mod .head {
     padding: 20px 20px 30px;
     position: relative
   }
   .jg-mod .head .btn {
     float: right;
     display: inline;
     position: absolute;
     right: 20px;
     top: 20px
   }
   .jg-mod .head h2 {
     height: 22px;
     border-left: #37c2c9 solid 5px;
     padding-left: 15px;
     font-size: 16px;
     line-height: 22px
   }
   .jg-mod .head h2 small {
     font-size: 12px;
     margin-left: 5px;
     color: #999
   }
   .jg-mod .head dl {
     margin-left: 10px;
     position: relative;
     top: 3px
   }
   .jg-mod .head dd {
     padding: 0 15px;
     height: 19px;
     border-right: #eee solid 1px;
     line-height: 19px
   }
   .jg-mod .head dd.selected a {
     font-weight: 700;
     color: #3169b0
   }
   .jg-mod .head h2.bc-yellow {
     border-color: #f6a51e
   }
   .jg-mod .head h2.bc-red {
     border-color: #d75442
   }
   .jg-mod .head h2.bc-green {
     border-color: #17b88e
   }
   .jg-mod .body {
     height: auto;
     overflow: hidden;
     padding: 0 20px;
     clear: both
   }
   .jg-mod .foot {
     border-top: #efefef solid 1px;
     height: 45px;
     line-height: 45px;
     text-align: center
   }
   .jg-mod .foot a {
     background: url(http://www.shuguo.chat/images/website-www/img48.png) right center no-repeat;
     padding-right: 15px;
     color: #9bafd4;
     display: inline-block
   }
   .jg-mod.selected .foot a {
     background-image: url(http://www.shuguo.chat/images/website-www/img54.png)
   }
   .jg-jj .img {
     float: left;
     display: inline;
     width: 300px
   }
   .jg-jj .img img {
     width: 100%
   }
   .jg-jj.selected .img {
     display: block;
     float: none;
     width: auto;
     text-align: center
   }
   .jg-jj.selected .img img {
     width: auto
   }
   .jg-jj .desc {
     width: 250px;
     margin-left: 15px;
     float: left;
     display: inline;
     font-size: 14px;
     line-height: 20px;
     max-height: 200px;
     overflow: hidden
   }
   .jg-jj.selected .desc {
     display: none;
     word-break: break-all
   }
   .jg-jj .desc p {
     margin-bottom: 15px
   }
   .jg-jj .text {
     display: none
   }
   .jg-jj.selected .text {
     display: block;
     padding: 20px 0;
     line-height: 24px;
     font-size: 14px;
     word-break: break-all
   }
   .add_side_expert li p, .jg-wz li .text h2, .jgceshi li .text h2 {
     word-break: keep-all;
     white-space: nowrap;
     text-overflow: ellipsis
   }
   .jg-wz li, .jgceshi li {
     height: auto;
     overflow: hidden;
     margin-bottom: 30px
   }
   .jg-wz li .img, .jgceshi li .img {
     width: 156px;
     float: left;
     display: inline
   }
   .jg-wz .article li .img, .jg-wz .ceshi_ceshi li .img {
     width: 156px;
     height: 104px
   }
   .jg-wz .fm_broadcast li .img {
     width: 104px;
     height: 104px
   }
   .jg-wz li .img img, .jgceshi li .img img {
     display: block
   }
   .jg-wz li .text, .jgceshi li .text {
     width: 394px;
     float: right;
     display: inline
   }
   .jg-wz .fm_broadcast li .text {
     width: 440px
   }
   .jg-wz li .text h2, .jgceshi li .text h2 {
     font-size: 14px;
     margin-top: 10px;
     line-height: 24px;
     overflow: hidden
   }
   .jg-wz .article-li {
     height: auto;
     overflow: hidden;
     margin-bottom: 30px;
     padding-left: 40px;
     position: relative
   }
   .jg-wz .article-li .icon-tuijian {
     font-size: 22px;
     color: #75bdff;
     position: absolute;
     left: 0;
     top: 0
   }
   .jg-wz .article-li .text {
     width: 354px
   }
   .jgceshi li .attr dl {
     display: inline
   }
   .jgceshi li .attr dd {
     display: inline;
     margin-right: 10px
   }
   .jgceshi li .tags dd {
     display: inline;
     margin-left: 0;
     margin-right: 5px
   }
   .jgceshi li .tags dd a {
     display: inline-block;
     height: 20px;
     line-height: 20px;
     padding: 0 10px;
     border-radius: 10px;
     border: 1px solid #419df2;
     color: #419df2
   }
   .jg-wz li .attr .date, .jg-wz li .attr dl {
     display: inline
   }
   .jgceshi li .attr dd a {
     color: #999;
     padding-left: 20px
   }
   .jgceshi li .attr dd .ico-view {
     background: url(http://www.shuguo.chat/images/website-www/img52.png) left center no-repeat
   }
   .jgceshi li .attr dd a.ico-digg {
     background: url(http://www.shuguo.chat/images/website-www/img53.png) left center no-repeat
   }
   .jgceshi li .attr dd a.ico-date {
     background: url(http://www.shuguo.chat/images/website-www/ico-time_myTest.png) left center no-repeat;
     padding-left: 17px
   }
   .jgceshi li .attr dd a.ico-order {
     background: url(http://www.shuguo.chat/images/website-www/ico-order_myTest.png) left center no-repeat;
     padding-left: 17px
   }
   .jg-wz li .attr, .jgceshi li .attr {
     height: auto;
     overflow: hidden;
     margin-top: 20px;
     color: #999
   }
   .jg-wz li .attr a {
     color: #999
   }
   .jg-wz li .attr dd {
     display: inline;
     margin-right: 10px
   }
   .jg-wz li .attr dd a {
     color: #999;
     background: url(http://www.shuguo.chat/images/website-www/img52.png) left center no-repeat;
     padding-left: 20px
   }
   .jg-wz .ceshi_ceshi li .attr dd a {
     background: url(http://www.shuguo.chat/images/website-www/ic-pen.png) left center no-repeat
   }
   .jg-wz li .attr dd a.ico-digg {
     background: url(http://www.shuguo.chat/images/website-www/img53.png) left center no-repeat
   }
   .jg-wz li .attr dd a.ico-del {
     background: 0 0;
     padding-left: 0
   }
   .jg-wz li .attr .edit {
     float: right;
     display: none
   }
   .jg-hd ul {
     height: auto;
     overflow: hidden;
     width: 110%
   }
   .jg-hd li {
     width: 295px;
     height: 135px;
     float: left;
     display: inline
   }
   .jg-hd li .img {
     width: 84px;
     height: 104px;
     float: left;
     display: block;
     overflow: hidden
   }
   .jg-hd li .img img {
     display: block
   }
   .jg-hd li .text {
     width: 170px;
     float: left;
     display: inline;
     margin-left: 10px
   }
   .jg-hd li .text h2 {
     font-size: 14px;
     line-height: 22px;
     margin-top: -3px
   }
   .jg-hd li .text p {
     margin-top: 8px;
     color: #999;
     line-height: 20px;
     font-size: 12px
   }
   .jg-btns li, .jghd li h2 a {
     font-size: 14px
   }
   .jghd ul {
     margin-top: -15px
   }
   .jghd li {
     border-bottom: #efefef solid 1px;
     padding-top: 15px;
     padding-bottom: 25px
   }
   .jghd li.last {
     border-bottom: 0
   }
   .jghd li .desc {
     padding-left: 55px;
     position: relative;
     margin-top: 10px;
     height: 70px;
     overflow: hidden
   }
   .jghd li .digg {
     position: absolute;
     left: 0;
     top: 0;
     width: 38px;
     height: 38px;
     background: #f2f2f2;
     overflow: hidden
   }
   .jghd li .digg i {
     margin-top: 5px;
     background: url(http://www.shuguo.chat/images/website-www/img49.png) center top no-repeat;
     padding-top: 18px;
     text-align: center;
     display: block;
     line-height: 1;
     color: #999
   }
   .jg-desc .btns, .jg-desc dl {
     margin-top: 20px
   }
   .jghd li .more, .jghd li h2 a {
     color: #3169b0
   }
   .jg-btns li a, .jg-desc dd span {
     color: #1ab993
   }
   .jg-btns {
     background: #fff;
     padding: 8px 0
   }
   .jg-btns ul {
     height: auto;
     overflow: hidden
   }
   .jg-btns li {
     width: 50%;
     float: left;
     display: inline;
     height: 45px;
     line-height: 45px;
     text-align: center;
     background: url(http://www.shuguo.chat/images/website-www/img48.jpg) right repeat-y
   }
   .jg-btns li.last {
     background: 0 0
   }
   .jg-btns li a {
     background: url(http://www.shuguo.chat/images/website-www/img50.png) left center no-repeat;
     padding-left: 20px;
     display: inline-block
   }
   .jg-btns li a.ico-fhd {
     background-image: url(http://www.shuguo.chat/images/website-www/img51.png);
     padding-left: 25px
   }
   .jg-desc {
     background: #fff;
     padding: 20px;
     line-height: 22px
   }
   .jg-desc h2 {
     font-size: 16px;
     line-height: 1;
     margin-bottom: 15px;
     font-weight: 700
   }
   .jg-desc .btns {
     width: 110%;
     margin-left: -5px
   }
   .jg-zj, .jg-zxwz {
     margin-top: 15px
   }
   .jg-desc .btns .btn {
     width: 128px;
     height: 36px;
     display: inline-block;
     border: 1px solid #1ab893;
     border-radius: 5px;
     font-size: 14px;
     text-align: center;
     line-height: 36px;
     margin-right: 5px;
     color: #1ab893
   }
   .jg-desc .btns .btn:hover {
     border-color: #e4e4e4;
     color: #999
   }
   .jg-desc .btns .btn-selected {
     background: #1ab893;
     color: #fff
   }
   .jg-desc .btns .btn-selected:hover {
     background: #35ccaf;
     border-color: #35ccaf;
     color: #fff
   }
   .jg-zj .foot, .jg-zxwz .foot {
     border-top: #efefef solid 1px;
     text-align: center
   }
   .jg-ktzx .head, .jg-zj .head, .jg-zxwz .head {
     border-bottom: #f2f2f2 solid 1px
   }
   .jg-zj .foot a, .jg-zxwz .foot a {
     color: #9bafd4;
     display: inline-block
   }
   .jg-zxwz {
     padding: 0 12px;
     background: #fff
   }
   .jg-zxwz .head {
     height: 52px;
     line-height: 62px;
     padding: 0 12px;
     font-size: 16px
   }
   .jg-zxwz .body {
     padding: 20px 10px
   }
   .jg-zxwz .foot {
     height: 45px;
     line-height: 45px
   }
   .jg-zxwz .foot a {
     background: url(http://www.shuguo.chat/images/website-www/img9.png) right center no-repeat;
     padding-right: 15px
   }
   .jg-zxwz li {
     margin-bottom: 5px;
     height: auto;
     overflow: hidden
   }
   .jg-zj {
     padding: 0 12px;
     background: #fff
   }
   .jg-zj .head {
     height: 52px;
     line-height: 62px;
     padding: 0 12px;
     font-size: 16px
   }
   .jg-zj .head h2 {
     font-weight: 700
   }
   .jg-zj .body {
     padding: 20px 10px 0
   }
   .jg-zj .foot {
     height: 45px;
     line-height: 45px
   }
   .jg-zj .foot a {
     background: url(http://www.shuguo.chat/images/website-www/img48.png) right center no-repeat;
     padding-right: 15px
   }
   .jg-zj li {
     margin-bottom: 20px;
     height: auto;
     overflow: hidden
   }
   .jg-zj li .img {
     width: 50px;
     height: 50px;
     float: left;
     display: inline;
     border-radius: 50px;
     overflow: hidden
   }
   .jg-zj li .text {
     width: 180px;
     float: left;
     display: inline;
     margin-left: 15px
   }
   .jg-zj li .text h2 a {
     font-size: 14px;
     color: #1974c1;
     line-height: 28px
   }
   .jg-zj li .text h4 {
     color: #999;
     line-height: 16px
   }
   .jg-zj li .text h5 {
     color: #999;
     margin-top: 5px
   }
   .jg-unfinded {
     padding: 80px 0 140px;
     text-align: center
   }
   .jg-unfinded h2 {
     font-size: 16px;
     color: #dcdcdc
   }
   .jg-ktzx {
     background: #fff;
     padding: 0 12px
   }
   .jg-ktzx .head {
     height: 52px;
     line-height: 62px;
     padding: 0 12px;
     font-size: 16px
   }
   .jg-ktzx .head h2 {
     font-weight: 700;
     float: left;
     display: inline
   }
   .jg-ktzx .head h4 {
     float: right;
     display: inline;
     background: url(http://www.shuguo.chat/images/website-www/img69.png) left center no-repeat;
     padding-left: 20px;
     font-size: 12px;
     color: #999
   }
   .jg-ktzx .body {
     padding: 20px 10px 40px;
     color: #999;
     text-align: center;
     line-height: 24px
   }
   .jg-ktzx .body h4 {
     font-size: 12px
   }
   .jg-ktzx .body h3 {
     font-size: 14px;
     display: inline;
     background: url(http://www.shuguo.chat/images/website-www/img70.png) left center no-repeat;
     padding-left: 20px
   }
   .jg-ktzx .body h3 big {
     font-size: 18px;
     color: #c82b16
   }
   .jg-ktzx .body .btn {
     margin-top: 5px
   }
   .jg-ktzx .body .btn a {
     width: 112px;
     height: 32px;
     background: #00ba92;
     color: #fff;
     display: inline-block;
     line-height: 32px;
     border-radius: 3px
   }
   .jg-ktzx .body .btn a:hover {
     background: #33c8a8
   }
   .jg-hd2 li {
     float: none;
     width: auto;
     display: block
   }
   .jg-hd2 li .text {
     width: 470px
   }
   .jg-hd2 li .text h2 {
     margin: 10px 0 20px
   }
   .jg-tw li .digg span {
     line-height: 15px;
     display: block;
     text-align: center;
     margin-top: 4px;
     color: #999;
     font-size: 12px
   }
   .jg-tw li .desc, .jghd2 li .desc, .jgzx th {
     font-size: 14px
   }
   .jgzx td, .jgzx th {
     padding: 10px
   }
   .jgzx th {
     border-bottom: #efefef solid 1px
   }
   .arlist .list2 .attr {
     margin-top: 0
   }
   .arlist .list .attr h4 {
     float: left;
     display: inline
   }
   .arlist .list2 .attr .hit {
     margin-left: 20px
   }
   .arlist .list2 .tag {
     float: none;
     margin-top: 10px;
     display: block;
     width: 400px
   }
   .arlist .list2 .tag dd {
     display: inline;
     margin-left: 0;
     margin-right: 5px
   }
   .arlist .list2 .tag dd a {
     margin-bottom: 5px
   }
   .zhsz {
     width: 870px;
     padding: 0 50px;
     background: #fff;
     margin: 0 auto
   }
   .zhsz-tab {
     height: 70px;
     background: url(http://www.shuguo.chat/images/website-www/img54.jpg) bottom repeat-x;
     margin-top: 30px
   }
   .zhsz-tab ul {
     height: auto;
     overflow: hidden
   }
   .zhsz-tab li {
     float: left;
     display: inline;
     margin-right: 80px;
     font-size: 20px;
     line-height: 70px
   }
   .zhsz-tab li.selected {
     background: url(http://www.shuguo.chat/images/website-www/img55.jpg) bottom repeat-x
   }
   .zhsz-tab li.selected a {
     color: #3169b0;
     font-weight: 700
   }
   .zhsz-form {
     font-size: 14px
   }
   .zhsz-form .tip {
     font-size: 12px;
     color: #b20808;
     margin-top: 5px
   }
   .zhsz-form ul {
     margin-top: 40px;
     padding-bottom: 160px
   }
   .zhsz-form li {
     padding-left: 100px;
     position: relative;
     margin-bottom: 50px
   }
   .zhsz-form li .label {
     position: absolute;
     left: 0;
     top: 0
   }
   .zclx-wp dd {
     display: inline-block;
     margin-right: 40px;
     margin-bottom: 10px
   }
   .zclx-wp dd label {
     display: inline-block;
     margin: 0 10px;
     vertical-align: top
   }
   .zclx-wp dd input[type=checkbox] {
     display: none
   }
   .zclx-wp dd input[type=checkbox] + label {
     border: 1px solid #e5e5e5;
     cursor: pointer;
     display: inline-block;
     height: 20px;
     width: 20px;
     border-radius: 3px
   }
   .zclx-wp dd input[type=checkbox]:checked + label {
     border: 1px solid #1ab893;
     background: url(http://www.shuguo.chat/images/website-www/img72.png) 2px center no-repeat
   }
   .zclx {
     background: #f7f7f7;
     padding: 25px 20px;
     border-radius: 10px;
     margin-top: 5px
   }
   .zclx dl {
     position: relative;
     padding-left: 45px;
     padding-bottom: 15px
   }
   .zclx dl.last {
     padding-bottom: 0
   }
   .zclx dl dt {
     position: absolute;
     left: 0;
     top: 0;
     color: #1ab893
   }
   .zhsz .file, .zhsz .text {
     position: relative
   }
   .zclx dd {
     margin-right: 0
   }
   .zclx dd a {
     height: 24px;
     border: 1px solid #e4e4e4;
     background: #fff;
     display: inline-block;
     border-radius: 15px;
     padding: 0 15px;
     margin-right: 20px;
     margin-bottom: 10px
   }
   .zclx a.selected, .zclx a:hover {
     background: #5281BD;
     border-color: #5281bd;
     color: #fff
   }
   .yxbq {
     margin-top: 30px
   }
   .yxbq dl {
     display: inline
   }
   .yxbq dl dd {
     height: 26px;
     padding: 0 15px;
     display: inline-block;
     background: #d3d2d2;
     border-radius: 15px;
     margin-left: 13px
   }
   .zhsz .jj, .zhsz .text, .zhsz select, .zxfx {
     border: 1px solid #eee
   }
   .yxbq dl dd a {
     background: url(http://www.shuguo.chat/images/website-www/img56.png) right center no-repeat;
     padding-right: 12px
   }
   .zxfx {
     width: 434px;
     height: 85px;
     padding: 5px
   }
   .zhsz .fs dd {
     margin-bottom: 25px
   }
   .zhsz .fs dd .s1 {
     width: 90px;
     display: inline-block
   }
   .zhsz .fs dd .s2 {
     margin-left: 10px
   }
   .zhsz .text {
     width: 298px;
     height: 22px;
     padding: 5px 10px;
     top: -3px;
     margin-right: 12px
   }
   .zhsz select {
     height: 32px;
     padding: 5px;
     width: 98px
   }
   .zhsz .mgr30 {
     margin-right: 30px
   }
   .zhsz .xxz .img-tip {
     font-size: 12px;
     color: #999;
     margin-top: 20px
   }
   .zhsz .xxz .img1 {
     margin-top: 20px
   }
   .zhsz .jj {
     width: 578px;
     height: 324px;
     padding: 5px 10px
   }
   .zhsz .submit {
     width: 598px;
     text-align: right
   }
   .zhsz .submit input {
     width: 117px;
     height: 42px;
     border: none;
     background: #3169B0;
     color: #fff;
     border-radius: 5px;
     font-size: 14px;
     cursor: pointer
   }
   .zhsz .submit input:hover {
     background: #5a87c0
   }
   .zhsz .file input {
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     -moz-opacity: 0;
     -webkit-opacity: 0;
     cursor: pointer;
     height: 30px;
     width: 100px
   }
   .jgcy-btn {
     width: 77px;
     height: 34px;
     border: none;
     background: #1ab893;
     border-radius: 5px;
     font-size: 16px;
     color: #fff;
     cursor: pointer;
     top: -3px;
     position: relative
   }
   .jgcy-list dl {
     height: auto;
     overflow: hidden
   }
   .jgcy-list dd {
     width: 86px;
     float: left;
     display: inline;
     text-align: center;
     margin-right: 40px
   }
   .jgcy-list dd h2 {
     height: 30px;
     line-height: 30px;
     color: #3169b0;
     font-size: 12px
   }
   .jgcy-list .img {
     width: 80px;
     height: 80px;
     border-radius: 80px;
     border: 3px solid #d6e1ef;
     overflow: hidden
   }
   .jgcy-list .btn a, .jgcy-list .btn span {
     width: 50px;
     height: 21px;
     line-height: 21px;
     text-align: center;
     color: #fff;
     display: inline-block;
     background: #1ab893;
     border-radius: 3px;
     font-size: 12px
   }
   .jgcy-list .btn a:hover {
     background: #6dd2ba
   }
   .jgcy-list .btn span {
     background: #ccc;
     cursor: default
   }
   .jgcy-list .btn span:hover {
     background: #dedede
   }
   .zhsz .xgmm .text {
     width: 243px;
     position: relative;
     top: -3px
   }
   .zhsz .xgmm .submit {
     width: 263px
   }
   .zhsz-form .xgmm li {
     margin-bottom: 20px
   }
   .zjb-nav {
     background: #fff;
     padding: 0 30px
   }
   .zjb-nav .row {
     padding-left: 70px;
     position: relative;
     font-size: 14px
   }
   .zjb-nav .row .label {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 16px;
     color: #999;
     line-height: 50px
   }
   .zjb-nav .row li {
     display: inline
   }
   .zjb-nav .row .list {
     border-bottom: #eee solid 1px;
     padding-bottom: 20px
   }
   .zjb-nav .row-last .list {
     border: none
   }
   .zjb-nav .row .list .nav {
     background: url(http://www.shuguo.chat/images/website-www/img54.jpg) bottom repeat-x;
     height: 50px;
     line-height: 50px
   }
   .zjb-nav .row .list .nav li a {
     padding: 0 15px;
     margin-right: 20px;
     float: left;
     display: inline
   }
   .zjb-nav .row .list .nav li a.selected, .zjb-nav .row .list .nav li a:hover {
     background: url(http://www.shuguo.chat/images/website-www/img55.jpg) bottom repeat-x;
     color: #3169b0;
     font-weight: 700
   }
   .zjb-nav .row .tag {
     position: relative;
     padding-top: 15px
   }
   .zjb-nav .row .tag.open {
     height: auto
   }
   .zjb-nav .row .tag .selector-city {
     height: 64px;
     overflow: hidden
   }
   .zjb-nav .row .tag.open .selector-city {
     height: auto
   }
   .zjb-nav .row .tag i.arrow {
     background: url(http://www.shuguo.chat/images/website-www/img48.png);
     width: 11px;
     height: 10px;
     right: 0;
     bottom: 15px;
     position: absolute;
     cursor: pointer
   }
   .zjb-nav .row .tag.open i.arrow {
     background-image: url(http://www.shuguo.chat/images/website-www/img47.png)
   }
   .zjb-nav .row .tag li {
     margin-right: 18px;
     margin-bottom: 10px;
     display: inline-block
   }
   .zjb-nav .row .tag a {
     height: 20px;
     display: inline-block;
     padding: 0 10px;
     line-height: 20px;
     border: 1px solid #e4e4e4;
     border-radius: 10px;
     color: #666;
     font-size: 12px
   }
   .zjb-nav .row .tag li a.selected, .zjb-nav .row .tag li a:hover {
     background: #5281bd;
     color: #fff;
     border: 1px solid #5281bd
   }
   .zjb-list .nav {
     background: #fff;
     margin-top: 30px;
     padding: 0 20px;
     height: 53px;
     line-height: 53px
   }
   .zjb-list .nav ul {
     background: url(http://www.shuguo.chat/images/website-www/img57.jpg) bottom repeat-x;
     height: 53px
   }
   .zjb-list .nav li {
     float: left;
     display: inline;
     padding: 0 15px;
     background: url(http://www.shuguo.chat/images/website-www/img58.jpg) right center no-repeat;
     font-size: 14px
   }
   .zjb-list .nav li.selected a {
     font-weight: 700;
     color: #5281bd
   }
   .zjb-list .list {
     background: #fff;
     margin-top: 6px;
     padding: 0 20px
   }
   .zjb-list .list li {
     border-bottom: #eee solid 1px;
     padding: 15px 0 30px;
     margin-bottom: 15px;
     height: auto;
     overflow: hidden
   }
   .zjb-list .list li.last {
     margin-bottom: 0
   }
   .zjb-list .list li .img {
     float: left;
     display: inline;
     width: 120px;
     height: 120px;
     border-radius: 120px;
     overflow: hidden
   }
   .zjb-list .list li .img a {
     width: 120px;
     height: 120px;
     vertical-align: middle;
     display: block
   }
   .zjb-list .list li .img img {
     width: 120px
   }
   .zjb-list .list li .text {
     float: right;
     display: inline;
     width: 440px;
     height: 120px
   }
   .zjb-list .list li dd, .zjb-list .list li dl {
     float: left;
     display: inline
   }
   .zjb-list .list li .text h2 {
     font-size: 18px;
     line-height: 40px
   }
   .zjb-list .list li p {
     margin-bottom: 5px;
     height: 66px;
     overflow: hidden
   }
   .zjb-list .list li dd {
     margin-right: 20px
   }
   .zjb-list .list li .more {
     float: right;
     display: inline;
     background: url(http://www.shuguo.chat/images/website-www/img60.png) right center no-repeat;
     padding-right: 28px;
     color: #1ab893
   }
   .zjb-ad img, .zjb-reg a {
     display: block
   }
   .zjb-list .list li .ico-love {
     background: url(http://www.shuguo.chat/images/website-www/img58.png) left center no-repeat;
     padding-left: 20px
   }
   .zjb-list .list li .ico-digg {
     background: url(http://www.shuguo.chat/images/website-www/img59.png) left center no-repeat;
     padding-left: 20px
   }
   .zjb-list .foot {
     height: 45px;
     line-height: 45px;
     text-align: center
   }
   .zjb-list .foot a {
     color: #92b4db;
     font-size: 14px;
     background: url(http://www.shuguo.chat/images/website-www/img9.png) right center no-repeat;
     padding-right: 15px
   }
   .zjb-reg {
     margin-top: 30px
   }
   .zjb-reg a {
     height: 56px;
     background: #3169B0;
     color: #fff;
     border-radius: 3px;
     line-height: 56px;
     text-align: center;
     font-size: 18px
   }
   .zjb-reg a i {
     background: url(http://www.shuguo.chat/images/website-www/img61.png) left center no-repeat;
     padding-left: 30px;
     display: inline-block
   }
   .zx-biaozhun {
     margin-top: 10px;
     text-align: center
   }
   .zx-biaozhun a {
     height: 56px;
     color: #999
   }
   .zx-biaozhun a i {
     background: url(http://www.shuguo.chat/images/website-www/ico-zixun-biaozhun.png) left center no-repeat;
     padding-left: 15px;
     display: inline-block
   }
   .zxzb {
     width: 1170px;
     margin: 30px auto 0
   }
   .zxzb-head {
     margin-top: 20px;
     height: 45px;
     line-height: 45px;
     border-bottom: #ccc solid 1px
   }
   #messageDiv, .zxzb-body ul {
     height: auto;
     overflow: hidden
   }
   .zxzb-head h2 {
     font-size: 22px;
     font-weight: 700;
     color: #3169b0
   }
   .zxzb-body ul {
     padding-top: 20px;
     width: 105%
   }
   .zxzb-body li {
     width: 376px;
     height: 308px;
     background: #fff;
     float: left;
     display: inline;
     margin-right: 20px;
     margin-bottom: 30px;
     line-height: 24px
   }
   .zxzb-body li.selected, .zxzb-body li:hover {
     box-shadow: #d7d6d6 0 10px 10px
   }
   .zxzb-body li .img {
     width: 376px;
     height: 212px;
     position: relative
   }
   .zxzb-body li .img em {
     position: absolute;
     right: 5px;
     top: -3px;
     width: 40px;
     height: 22px;
     display: block;
     text-align: center;
     line-height: 22px;
     font-size: 14px;
     color: #fff;
     background: #2abb9a;
     font-style: normal !important
   }
   .radior, .selectr {
     position: relative
   }
   .zxzb-body li .img em.bg_yellow {
     background: #f5a623
   }
   .zxzb-body li .img em.bg_red {
     background: #d91e17
   }
   .zxzb-body li .img em.bg_green {
     background: #03c9a8
   }
   .zxzb-body li .text {
     padding: 0 10px
   }
   .zxzb-body li h2 {
     font-size: 18px;
     line-height: 40px
   }
   .zxzb-body li .meta, .zxzb-body li h4 {
     font-size: 14px;
     color: #999
   }
   .zxzb-body li .meta .l {
     float: left;
     display: inline
   }
   .zxzb-body li .meta .r {
     float: right;
     display: inline
   }
   .zxzb-body li .meta .c_green {
     color: #03c9a8
   }
   .pages {
     text-align: center;
     clear: both;
     padding-top: 40px;
     padding-bottom: 40px
   }
   .pages li {
     display: inline
   }
   .pages li a {
     display: inline-block;
     width: 28px;
     height: 28px;
     border: 1px solid #ccc;
     text-align: center;
     line-height: 28px;
     border-radius: 2px;
     background: #fff;
     margin: 0 3px;
     color: #999;
     font-size: 14px
   }
   .pages li.selected a, .pages li.selected a:hover {
     background: #ccc;
     border-color: #ccc;
     color: #fff
   }
   .pages li a:hover {
     color: #3169b0;
     border-color: #3169b0
   }
   .pages li.next a, .pages li.prev a {
     background-position: center;
     background-repeat: no-repeat
   }
   .jg-pt-btns {
     text-align: center;
     width: 280px;
     float: left;
     display: inline
   }
   .jg-pt-btns a {
     width: 68px;
     height: 27px;
     border: 1px solid #3268b2;
     border-radius: 3px;
     font-size: 14px;
     color: #3268b2;
     display: inline-block;
     text-align: center;
     line-height: 27px;
     margin: 0 5px
   }
   .jg-pt-btns a.selected {
     background: #3268b2;
     color: #fff
   }
   .selectr {
     display: inline-block;
     top: 0
   }
   .selectr strong {
     width: 153px;
     height: 33px;
     background: url(http://www.shuguo.chat/images/website-www/img71.png) right center no-repeat #f7f7f7;
     border: 1px solid #eee;
     display: block;
     border-radius: 3px;
     line-height: 33px;
     padding: 0 15px;
     font-weight: 400 !important
   }
   .selectr select {
     display: block;
     margin-top: -35px;
     opacity: 0;
     width: 100%;
     height: 35px
   }
   .selectr1 {
     top: -3px;
     margin-right: 30px
   }
   .selectr1 strong {
     width: 100px
   }
   .radior {
     display: inline-block;
     top: 3px;
     margin-right: 20px
   }
   .radior input[type=radio] {
     display: none
   }
   .radior input[type=radio] + label {
     background: url(http://www.shuguo.chat/images/website-www/img75.png) right center no-repeat;
     border-radius: 15px;
     cursor: pointer;
     display: inline-block;
     height: 15px;
     width: 15px;
     margin: 0 5px
   }
   .radior input[type=radio]:checked + label {
     background: url(http://www.shuguo.chat/images/website-www/img74.png) right center no-repeat
   }
   .dialog {
     position: fixed;
     left: 50%;
     top: 150px;
     max-width: 800px;
     min-width: 250px;
     border: 1px solid #eee;
     background: #fff;
     z-index: 1000;
     transition: top .6s;
     -webkit-transition: top .6s;
     -ms-transition: top .6s
   }
   .dialog.hide {
     top: -800px
   }
   .dialog h1 {
     margin: 0 0 5px;
     font-size: 16px;
     font-weight: 400
   }
   .dialog p {
     margin: 0;
     padding: 0;
     font-size: .9em
   }
   .dialog.modal {
     box-shadow: 0 1px 8px 0 #000
   }
   .dialog .content {
     padding-bottom: 15px
   }
   .dialog .close {
     position: absolute;
     top: 3px;
     right: 10px;
     text-decoration: none;
     color: #888;
     font-size: 16px;
     font-weight: 700;
     display: none;
     z-index: 99
   }
   .dialog .close1 {
     background: url(http://www.shuguo.chat/images/website-www/ms_close.png) no-repeat;
     width: 23px;
     height: 23px;
     text-indent: -9999px;
     top: 6px
   }
   .dialog.closable .close {
     display: block
   }
   .dialog .close:hover {
     color: #000
   }
   .dialog .close:active {
     margin-top: 1px
   }
   .dialog.slide {
     -webkit-transition: opacity .3s, top .3s;
     -moz-transition: opacity .3s, top .3s
   }
   .dialog.slide.hide {
     opacity: 0;
     top: -500px
   }
   .dialog.fade {
     -webkit-transition: opacity .3s;
     -moz-transition: opacity .3s
   }
   .dialog.fade.hide {
     opacity: 0
   }
   .dialog.scale {
     -webkit-transition: -webkit-transform .3s;
     -moz-transition: -moz-transform .3s;
     -webkit-transform: scale(1);
     -moz-transform: scale(1)
   }
   .aside-tools .code, .dialog.scale.hide {
     -webkit-transform: scale(0);
     -moz-transform: scale(0)
   }
   #overlay {
     position: fixed;
     top: 0;
     left: 0;
     opacity: 1;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .75);
     z-index: 500;
     transition: all .5s;
     -webkit-transition: all .5s;
     -ms-transition: all .5s
   }
   #overlay.hide {
     pointer-events: none;
     opacity: 0
   }
   #login_popup {
     padding: 15px 20px;
     background-color: #fff
   }
   #login_popup, #login_popup h2, #login_popup input, #login_popup p {
     color: #333
   }
   #login_popup, #login_popup input {
     font-size: 16px;
     font-family: "微软雅黑", Tahoma, Arial, sans-serif
   }
   #login_popup h2 {
     font-size: 24px
   }
   #login_popup.lpcont {
     position: relative;
     padding: 20px
   }
   #login_popup a.lpclose {
     position: absolute;
     top: 0;
     right: 0;
     color: #959595
   }
   #login_popup.lpcont .lpbox {
     position: relative;
     width: 540px
   }
   #login_popup.lpcont .words {
     margin-top: 10px;
     margin-bottom: 30px
   }
   #login_popup.lpcont form .eml, #login_popup.lpcont form .psw {
     border-color: #a7bed4;
     border-width: 1px;
     border-style: solid;
     padding-left: 10px
   }
   #login_popup.lpcont form label {
     color: #959595
   }
   #login_popup.lpcont form p {
     padding: 5px
   }
   #login_popup.lpcont form .eml {
     border-radius: 3px 3px 0 0;
     border-bottom-style: none
   }
   #login_popup.lpcont form .psw {
     border-radius: 0 0 3px 3px
   }
   #login_popup.lpcont .lpart form .area {
     width: 330px;
     padding: 12px 10px 12px 12px
   }
   #login_popup.lpcont form input {
     border-style: none
   }
   #login_popup.lpcont form .log_btn {
     margin-top: 20px;
     color: #fff;
     padding-top: 13px;
     width: 100%;
     padding-bottom: 13px;
     border-radius: 3px;
     background-color: #4095d6
   }
   #login_popup.lpcont form .forget, #login_popup.lpcont form .signup {
     display: block;
     margin-top: 15px;
     color: #4095d6
   }
   #login_popup.lpcont form .signup {
     color: #4095d6;
     float: right
   }
   #login_popup.lpcont form .forget {
     float: left;
     margin-right: 65px
   }
   #login_popup.lpcont form .forget:hover, #login_popup.lpcont form .signup:hover {
     color: #369
   }
   #login_popup.lpcont .rpart a, #login_popup.lpcont span {
     padding-left: 30px;
     color: #959595
   }
   #login_popup.lpcont .lpart {
     padding-right: 30px;
     width: 300px
   }
   #login_popup.lpcont .rpart {
     position: absolute;
     right: 0;
     top: 0;
     padding-bottom: 40px;
     border-left-color: #ccc;
     border-left-width: 1px;
     border-left-style: dashed;
     margin-left: 320px
   }
   #login_popup.lpcont .rpart a {
     margin-left: 30px;
     background-image: url(http://www.shuguo.chat/images/website-www/login.jpg);
     background-repeat: no-repeat;
     line-height: 24px;
     display: block;
     margin-top: 20px
   }
   #login_popup.lpcont .rpart a:hover {
     color: #369
   }
   #login_popup.lpcont .rpart .wb {
     background-position: 0 -24px
   }
   #login_popup.lpcont .rpart .rr {
     background-position: 0 -48px
   }
   #messageDiv {
     background: #fff;
     border-radius: 10px;
     width: 420px;
     text-align: left
   }
   #messageDiv p.ms_title {
     height: 35px;
     background: #84afd0;
     border-radius: 10px 10px 0 0;
     color: #fff
   }
   #messageDiv p.ms_title span {
     font-size: 16px;
     font-family: "Microsoft Yahei";
     line-height: 34px;
     padding-left: 35px
   }
   #messageDiv .ms_content p {
     font-size: 14px;
     font-family: Arial, "宋体";
     color: #444;
     padding: 0 0 0 35px;
     margin: 10px 0
   }
   #messageDiv .ms_content p span {
     color: #2f7eba
   }
   #messageDiv .ms_content textarea {
     width: 350px;
     margin-left: 35px
   }
   #messageDiv .ms_content input.ms_send_btn {
     background: #2f7eba;
     width: 98px;
     height: 36px;
     color: #fff;
     border: 0;
     border-radius: 5px;
     float: right;
     margin-right: 30px;
     margin-top: 10px;
     cursor: pointer
   }
   #messageDiv .ms_content input.ms_send_btn:hover {
     opacity: .8;
     filter: alpha(opacity=80);
     -khtml-opacity: .8
   }
   .user-cancel {
     width: 135px;
     height: 38px;
     line-height: 22px;
     border: 1px solid #666;
     border-radius: 5px;
     display: inline-block;
     text-align: center;
     color: #666;
     position: relative;
     left: 15px;
     background-color: #fff;
     cursor: pointer
   }
   .aside-tools {
     position: fixed;
     right: 11px;
     z-index: 99;
     top: 70%
   }
   .aside-tools li {
     width: 38px;
     height: 38px;
     border-radius: 3px;
     margin-bottom: 4px;
     background: rgba(69, 69, 69, .3)
   }
   .aside-tools li.item1 {
     width: 32px;
     height: 36px;
     padding-left: 6px;
     padding-top: 2px;
     line-height: 16px;
     position: relative
   }
   .aside-tools li a {
     color: #fff
   }
   .aside-tools li:hover {
     background: #444
   }
   .aside-tools li.item2 a {
     background: url(http://www.shuguo.chat/images/website-www/aside/new1.png) center no-repeat;
     display: block;
     width: 38px;
     height: 38px
   }
   .aside-tools li.item3 a {
     background: url(http://www.shuguo.chat/images/website-www/aside/new2.png) center no-repeat;
     display: block;
     width: 38px;
     height: 38px
   }
   .aside-tools .code {
     width: 180px;
     height: 180px;
     border: 1px solid #CCC;
     background: #fff;
     transform: scale(0);
     transition: all .2s ease-in;
     position: absolute;
     right: 61px;
     top: -104px;
     text-align: center
   }
   .aside-tools li.hover .code {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     transform: scale(1)
   }
   .aside-tools .code img {
     width: 133px;
     height: 130px;
     margin-top: 18px
   }
   .aside-tools .code h2 {
     font-size: 14px;
     color: #666;
     font-weight: 700
   }
   .aside-tools .code .arrow {
     background: url(http://www.shuguo.chat/images/website-www/aside/new4.png) no-repeat;
     width: 14px;
     height: 26px;
     position: absolute;
     top: 103px;
     right: -13px
   }
   .lesson-block {
     width: 845px;
     padding: 0 20px;
     margin-top: 20px;
     background-color: #fff
   }
   .lesson-block .head {
     height: 55px;
     padding-left: 5px;
     border-bottom: 1px solid #eee
   }
   .lesson-block .head h2 {
     font-size: 20px;
     line-height: 56px;
     color: #3169b0;
     font-weight: 700
   }
   .lesson-block .body {
     padding: 30px;
     overflow: hidden;
     clear: both
   }
   .lesson-block .body .lesson-item {
     display: block;
     width: 353px
   }
   .lesson-block .body .lesson-item:first-child {
     float: left
   }
   .lesson-block .body .lesson-item:last-child {
     float: right
   }
   .lesson-block .body .lesson-item .lesson-pic {
     width: 353px;
     height: 198px
   }
   .lesson-block .body .lesson-item .lesson-name {
     font-size: 14px;
     color: #2a2a2a;
     margin-top: 6px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
   }
   .lesson-block .body .lesson-item .price {
     font-size: 12px;
     color: #f03c3c
   }
   .lesson-block .foot {
     border-top: 1px solid #eee;
     height: 45px;
     line-height: 45px;
     font-size: 12px;
     text-align: center
   }
   .lesson-block .foot a {
     color: #99afd2;
     background: url(http://www.shuguo.chat/images/website-www/img9.png) right center no-repeat;
     padding-right: 15px
   }
   .lesson-block .foot a:hover {
     text-decoration: underline
   }
   .activePhone .body .submit-group .btn_blue, .classDetail .classSum .price s, .qq-login-pop-up .qq-login-btn:hover, .ui_close, .ui_close:hover, .ui_max, .ui_min, .ui_res, a {
     text-decoration: none
   }
   .vip-plan {
     width: 295px;
     padding: 0 15px;
     margin-bottom: 20px;
     background-color: #fff
   }
   .vip-plan .head {
     height: 55px;
     padding-left: 5px;
     border-bottom: 1px solid #eee
   }
   .vip-plan .head h2 {
     font-size: 20px;
     line-height: 56px;
     color: #3169b0;
     font-weight: 700
   }
   .vip-plan .body {
     display: block
   }
   .vip-plan .body .vip-img {
     width: 265px;
     height: 148px;
     margin-top: 30px
   }
   .vip-plan .body .vip-title {
     font-size: 14px;
     line-height: 21px;
     margin-top: 3px;
     color: #2a2a2a
   }
   .vip-plan .body .purchase-amount {
     padding-bottom: 30px;
     font-size: 12px;
     color: #999
   }
   .hyzj .text h2 {
     position: relative
   }
   .hyzj .text h2 .zixun-price {
     position: absolute;
     top: 2px;
     right: 60px;
     font-size: 12px;
     color: #f03c3c
   }
   .hyzj .text h2 .zixun-btn {
     position: absolute;
     top: 3px;
     right: 0;
     display: inline-block;
     width: 52px;
     height: 20px;
     line-height: 20px;
     border-radius: 2px;
     background-color: #2d67b2;
     color: #fff;
     font-size: 12px;
     text-align: center
   }
   .gray-filter {
     filter: grayscale(100%);
     filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
     filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
     -webkit-filter: grayscale(1)
   }
   .f-checkbox input, .f-radio input {
     opacity: 0;
     filter: alpha(opacity=0)
   }
   .yyzj-form, .yyzj-step {
     width: 970px;
     margin: 0 auto;
     background: #fff
   }
   .yyzj-step {
     margin-top: 30px;
     height: 55px;
     text-align: center;
     padding-top: 15px
   }
   .yyzj-form .head, .yyzj-form .head h2 {
     height: 22px;
     line-height: 22px
   }
   .yyzj-form {
     margin-top: 10px;
     padding: 20px 60px;
     width: 850px
   }
   .yyzj-form .head h2 {
     font-size: 16px;
     border-left: #3169b0 solid 5px;
     padding-left: 6px;
     font-weight: 700;
     float: left;
     display: inline
   }
   .yyzj-form .head h2 small {
     font-size: 14px;
     color: #999;
     font-weight: 400
   }
   .yyzj-form .head .right {
     font-size: 14px
   }
   .yyzj-form .head .f-radio {
     top: 4px
   }
   .yyzj-user {
     padding-left: 68px;
     height: 100px;
     position: relative;
     margin-top: 50px
   }
   .yyzj-user .img {
     position: absolute;
     left: 0;
     top: 0;
     width: 54px;
     height: 54px;
     border-radius: 54px;
     overflow: hidden
   }
   .yyzj-user h2 {
     font-size: 14px;
     font-weight: 700
   }
   .yyzj-user h2 small {
     color: #999;
     margin-left: 10px;
     font-size: 14px;
     font-weight: 400
   }
   .yyzj-user .btn {
     margin-top: 10px
   }
   .yyzj-user .btn a {
     width: 58px;
     height: 22px;
     line-height: 22px;
     border: 1px solid #3268b2;
     border-radius: 2px;
     display: inline-block;
     text-align: center;
     color: #3268b2
   }
   .yyzj-user .btn a:hover {
     background: #3268b2;
     color: #fff
   }
   .gb-form li {
     padding-left: 95px;
     position: relative;
     margin-bottom: 30px;
     font-size: 14px
   }
   .gb-form li .label {
     position: absolute;
     left: 0;
     top: 0;
     color: #444
   }
   .f-radio, .zf-user {
     position: relative
   }
   .gb-form li .label small {
     display: block;
     font-size: 12px;
     color: #999
   }
   .f-checkbox, .f-radio {
     display: inline-block
   }
   .gb-form .f-tip {
     color: #b20808;
     font-size: 12px;
     margin-top: 5px
   }
   .gb-form .f-tip-gray {
     color: #999
   }
   .gb-form .f-text {
     height: 32px;
     border: 1px solid #e4e4e4;
     background: 0 0;
     padding: 0 10px;
     line-height: 32px
   }
   .gb-form .f-submit {
     width: 127px;
     height: 38px;
     background: #3169b0;
     color: #fff;
     font-size: 14px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     margin-top: 50px
   }
   .gb-form .f-submit:hover {
     background-color: #5a87c0
   }
   .gb-form li textarea {
     width: 660px;
     height: 250px;
     border: 1px solid #e4e4e4;
     background: 0 0;
     padding: 15px 20px;
     font-size: 14px;
     font-family: "微软雅黑"
   }
   .gb-form .btn-getcode {
     width: 108px;
     height: 26px;
     border: 1px solid #1ab993;
     border-radius: 5px;
     margin-left: 5px;
     font-size: 14px;
     color: #1ab893;
     background: 0 0
   }
   .gb-form .btn-getcode:hover {
     background-color: #1ab893;
     color: #fff
   }
   .f-radio {
     background: url(http://www.shuguo.chat/images/website-www/v2/img2.png) no-repeat;
     height: 15px;
     width: 15px;
     border-radius: 9999px;
     margin-right: 5px;
     top: 2px
   }
   .f-radio input {
     cursor: pointer
   }
   .f-radio.selected {
     background-position: left bottom
   }
   .f-checkbox {
     background: #ccc;
     height: 31px;
     width: 32px
   }
   .f-checkbox.selected {
     background: #aaa
   }
   .mgl25 {
     margin-left: 25px
   }
   .zf-form {
     background: #fff;
     width: 910px;
     margin: 50px auto 0;
     padding: 0 30px
   }
   .zf-test, .zf-test .img, .zf-test .text h2 {
     margin-bottom: 30px
   }
   .zf-form li .label {
     color: #999
   }
   .zf-user {
     padding-left: 68px;
     height: 100px;
     margin-top: 50px
   }
   .zf-user .img {
     position: absolute;
     left: 0;
     top: 0;
     width: 54px;
     height: 54px;
     border-radius: 54px;
     overflow: hidden
   }
   .zf-test .img, .zf-test .img img {
     width: 120px;
     height: 80px
   }
   .zf-user .text {
     padding-top: 15px
   }
   . .zf-user h2 {
     font-size: 14px;
     font-weight: 700
   }
   .zf-test {
     margin-top: 40px
   }
   .zf-test .img {
     overflow: hidden
   }
   .zf-test .text h2 a {
     color: #000;
     font-size: 14px
   }
   .zf-form .head {
     height: 60px;
     line-height: 60px;
     border-bottom: #efefef solid 1px
   }
   .zf-form .head h2 {
     font-size: 16px;
     font-weight: 700
   }
   .zf-form .head h2 span {
     margin-left: 20px
   }
   .zf-form .head h4 {
     font-size: 12px;
     display: inline;
     color: #999;
     background: url(http://www.shuguo.chat/images/website-www/v2/img6.png) left center no-repeat;
     padding-left: 22px
   }
   .zf-form .head h4 span {
     color: #f59900
   }
   .zf-form .head big {
     margin-left: 40px;
     font-size: 16px;
     color: #1ab893;
     font-weight: 700
   }
   .zf-form .body {
     padding: 0 35px
   }
   .zf-form .foot {
     border-top: #efefef solid 1px;
     padding-top: 30px;
     padding-bottom: 70px;
     text-align: right;
     font-size: 14px;
     position: relative;
     padding-right: 150px
   }
   .zf-form .foot span {
     color: #f6a51e
   }
   .zf-form .foot input {
     margin-left: 20px
   }
   .zf-form .foot h2 {
     line-height: 38px
   }
   .zf-form .submit {
     background: url(http://www.shuguo.chat/images/website-www/v2/img5.png) no-repeat;
     width: 130px;
     height: 38px;
     border: none;
     cursor: pointer;
     position: absolute;
     right: 0;
     top: 30px
   }
   .zf-form .submit:hover {
     -webkit-opacity: .8;
     -ms-opacity: .8;
     opacity: .8
   }
   .gb-current {
     width: 970px;
     margin: 0 auto;
     padding: 25px 0 10px;
     color: #999
   }
   .gb-current li {
     display: inline
   }
   .gb-current a {
     color: #999
   }
   .gb-current li.selected a {
     color: #3169b0
   }
   .y-user {
     margin-top: 0;
     padding-bottom: 50px
   }
   .y-hr {
     padding-left: 0 !important
   }
   .y-hr hr {
     height: 1px;
     border: none;
     background: #efefef
   }
   .fs14 {
     font-size: 14px;
     line-height: 1.8
   }
   .fs12, .y-user-s {
     font-size: 12px
   }
   .y-user-s {
     color: #999
   }
   .y-user-s big {
     font-size: 16px;
     color: #f9ad35;
     margin-right: 15px;
     font-weight: 700
   }
   .y-user-u {
     padding-left: 68px;
     height: 100px;
     position: relative;
     margin-top: 50px
   }
   .y-user-u .img {
     position: absolute;
     left: 0;
     top: 0;
     width: 54px;
     height: 54px;
     border-radius: 54px;
     overflow: hidden
   }
   .y-user-u .text {
     width: 500px;
     float: left;
     display: inline
   }
   .y-user-u h2 {
     font-size: 14px;
     font-weight: 700
   }
   .y-user-u h2 small {
     color: #999;
     margin-left: 10px;
     font-size: 14px;
     font-weight: 400
   }
   .y-user-u .sx {
     margin-top: 5px
   }
   .y-user-u .sx a {
     width: 58px;
     height: 22px;
     line-height: 22px;
     border: 1px solid #666;
     border-radius: 2px;
     display: inline-block;
     text-align: center;
     color: #666
   }
   .y-user-u .sx a:hover {
     background: #666;
     color: #fff
   }
   .y-user-u .btn {
     float: right;
     display: inline
   }
   .y-user-u .btn a {
     width: 128px;
     height: 36px;
     border-radius: 3px;
     border: 1px solid #444;
     text-align: center;
     line-height: 36px;
     display: inline-block;
     font-size: 14px
   }
   .y-user-u .btn a.tz {
     border: 1px solid #ccc;
     color: #ccc;
     display: none
   }
   .y-user-u .btn.on a.tz {
     display: block
   }
   .y-user-u .btn.on a.tx {
     display: none
   }
   .y-user-u .btn a:hover {
     background: #444;
     color: #fff
   }
   .y-user-u .btn-green a {
     border-color: #1ab893;
     color: #1ab893
   }
   .y-user-u .btn-green a:hover {
     background: #1ab893;
     color: #fff
   }
   .y-user-t {
     font-size: 12px;
     color: #999
   }
   .y-user-t a {
     background: url(http://www.shuguo.chat/images/website-www/v2/img7.png) left center no-repeat;
     font-size: 20px;
     font-weight: 700;
     color: #1ab893;
     padding-left: 25px;
     margin-right: 15px
   }
   .c-green {
     color: #1ab893 !important
   }
   .y-user-d {
     margin-top: 20px;
     padding-top: 35px
   }
   .y-user-d h2 {
     font-size: 16px;
     font-weight: 700;
     margin-bottom: 20px
   }
   .y-user-c h2 {
     font-size: 14px;
     color: #ff8a00;
     font-weight: 700;
     background: url(http://www.shuguo.chat/images/website-www/v2/img8.png) left center no-repeat;
     height: 30px;
     line-height: 30px;
     padding-left: 40px;
     margin-bottom: 10px
   }
   .y-user-c .btns {
     margin-top: 30px
   }
   .y-user-c .btns a {
     width: 128px;
     height: 35px;
     border: 1px solid #1ab893;
     border-radius: 5px;
     font-size: 14px;
     color: #1ab893;
     display: inline-block;
     text-align: center;
     line-height: 35px;
     margin-right: 80px
   }
   .y-user-c .btns a:hover {
     background: #1ab893;
     color: #fff
   }
   .y-user-f {
     width: 690px
   }
   .y-user-f .hd {
     height: auto;
     overflow: hidden;
     padding-top: 2px
   }
   .y-user-f .hd h4 {
     float: left;
     display: inline
   }
   .y-user-f .hd dl {
     float: left;
     display: inline;
     margin-left: 20px
   }
   .y-user-f .hd dd {
     float: left;
     display: inline;
     margin-right: 15px
   }
   .y-user-f .hd dd .f-radio {
     float: left;
     display: inline;
     position: relative;
     top: 10px
   }
   .y-user-f .hd dd i {
     width: 30px;
     height: 30px;
     float: left;
     display: inline;
     background-repeat: no-repeat
   }
   .y-user-f .hd dd.d1 i {
     background-image: url(http://www.shuguo.chat/images/website-www/v2/img9.png)
   }
   .y-user-f .hd dd.d2 i {
     background-image: url(http://www.shuguo.chat/images/website-www/v2/img10.png)
   }
   .y-user-f .hd dd.d3 i {
     background-image: url(http://www.shuguo.chat/images/website-www/v2/img11.png)
   }
   .y-user-f .hd dd.selected i {
     background-position: center bottom
   }
   .y-user-f .hd dd span {
     width: 35px;
     height: 18px;
     float: left;
     display: inline;
     background: #ccc;
     color: #fff;
     font-size: 12px;
     text-align: center;
     line-height: 18px;
     position: relative;
     top: 8px;
     margin-left: 5px
   }
   .y-user-f .hd dd.d1.selected span {
     background: #ff8a00
   }
   .y-user-f .hd dd.d2.selected span {
     background: #ffe100
   }
   .y-user-f .hd dd.d3.selected span {
     background: #999
   }
   .y-user-f .bd {
     margin-top: 15px
   }
   .y-user-f .bd textarea {
     width: 648px;
     padding: 15px 20px;
     height: 150px
   }
   .y-user-f .ft {
     margin-top: 10px
   }
   .y-user-f .ft .submit {
     float: right;
     width: 130px;
     height: 38px;
     background: #1ab893;
     color: #fff;
     font-size: 16px;
     border-radius: 5px
   }
   .mgr55 {
     margin-right: 55px
   }
   .y-expert {
     margin-top: 0;
     padding-bottom: 50px
   }
   .y-expert-s {
     padding-top: 60px
   }
   .y-expert-s .data {
     margin-bottom: 35px;
     text-align: center
   }
   .y-expert-s .bd h4 {
     font-size: 14px;
     text-align: center
   }
   .y-expert-s .bd h4 big {
     font-size: 30px;
     font-weight: 700;
     margin: 0 15px
   }
   .y-expert-s .bd h4 big small {
     font-size: 20px
   }
   .y-expert-s .bd p {
     text-align: center;
     color: #999;
     margin-top: 10px
   }
   .y-expert-s .ft {
     margin-top: 50px;
     height: auto;
     overflow: hidden
   }
   .y-expert-s .ft .fx {
     float: left;
     display: inline
   }
   .y-expert-s .ft .fx h4, .y-expert-s .ft .fx ul {
     display: inline
   }
   .y-expert-s .ft .fx li {
     display: inline;
     margin-left: 5px;
     margin-right: 5px
   }
   .y-expert-s .ft .btn {
     float: right;
     display: inline
   }
   .y-expert-s .ft .btn a {
     width: 128px;
     height: 36px;
     border: 1px solid #1ab893;
     line-height: 36px;
     text-align: center;
     display: inline-block;
     font-size: 14px;
     color: #1ab893;
     border-radius: 5px
   }
   .y-expert-s .ft .btn a:hover {
     background: #1ab893;
     color: #fff
   }
   .c-yellow {
     color: #f3a214
   }
   .y-expert .btn-green {
     width: 130px;
     height: 35px;
     border-radius: 5px;
     background: #1ab893;
     color: #fff;
     display: inline-block;
     text-align: center;
     line-height: 35px
   }
   .y-expert .btn-green:hover {
     opacity: .8
   }
   .y-expert .btn-green-d {
     background: #ccc;
     cursor: default
   }
   .y-expert .btn-green-d:hover {
     opacity: 1
   }
   .y-expert-r {
     margin-left: 18px;
     color: #1ab893;
     font-size: 14px
   }
   .y-expert-r-d, .y-expert-r-d:hover {
     color: #999;
     cursor: default
   }
   .fs16 {
     font-size: 16px
   }
   .y-expert-t {
     font-size: 12px;
     color: #999;
     margin-left: 25px
   }
   .y-expert-m {
     background: rgba(0, 0, 0, .4);
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: 99
   }
   .y-expert-p {
     background: #fff;
     width: 330px;
     position: fixed;
     left: 50%;
     margin-left: -180px;
     margin-top: -100px;
     border-radius: 5px;
     padding: 0 15px;
     z-index: 199;
     top: -100%;
     -webkit-transition: all .7s;
     -ms-transition: all .7s;
     transition: all .7s;
     -webkit-opacity: 0;
     opacity: 0
   }
   .y-expert-p.show {
     top: 50%;
     -webkit-opacity: 1;
     opacity: 1
   }
   .uc-info .submit input:hover, .uc-msgdesc .addpost .ft input:hover {
     opacity: .8
   }
   .y-expert-p .bd {
     padding: 45px 0;
     text-align: center;
     font-size: 18px;
     line-height: 30px
   }
   .y-expert-p .ft {
     border-top: #efefef solid 1px
   }
   .y-expert-p .ft a {
     width: 50%;
     float: left;
     display: inline;
     text-align: center;
     line-height: 50px;
     height: 50px;
     color: #3169b0;
     font-size: 16px
   }
   .uc-wrap {
     width: 925px;
     margin: 30px auto 0;
     height: auto;
     overflow: hidden;
     min-height: 637px
   }
   .uc-msg li, .uc-nav dl {
     margin-bottom: 10px
   }
   .uc-aside {
     width: 110px;
     float: left;
     display: inline
   }
   .uc-nav {
     font-size: 14px;
     line-height: 32px
   }
   .uc-nav dt {
     color: #252525
   }
   .uc-nav dd a {
     color: #999
   }
   .uc-nav dd i {
     height: 14px;
     font-size: 12px;
     padding: 0 6px;
     background: #e23822;
     color: #fff;
     margin-left: 10px;
     border-radius: 14px
   }
   .uc-nav dd a:hover, .uc-nav dd.selected a {
     color: #3169b0;
     font-weight: 700
   }
   .uc-main {
     width: 815px;
     float: right;
     display: inline
   }
   .uc-curr {
     height: 38px;
     line-height: 38px;
     border: 1px solid #efefef;
     border-radius: 5px;
     background: #fff;
     font-size: 14px;
     color: #444;
     padding: 0 30px
   }
   .uc-msg {
     margin-top: 10px
   }
   .uc-msg li {
     border: 1px solid #efefef;
     border-radius: 5px;
     background: #fff;
     padding: 25px 30px 25px 100px;
     position: relative
   }
   .uc-msg li .img {
     position: absolute;
     left: 30px;
     top: 25px
   }
   .uc-msg li .img img {
     border-radius: 50px
   }
   .uc-msg li .attr {
     height: auto;
     overflow: hidden
   }
   .uc-msg li .attr h4 {
     float: left;
     display: inline;
     color: #999
   }
   .uc-msg li .attr h4 span {
     margin-left: 5px
   }
   .uc-msg li .attr dl {
     float: right;
     display: inline
   }
   .uc-msg li .attr dd {
     display: inline;
     margin: 0 5px
   }
   .uc-msg li .attr dd a {
     color: #3169b0
   }
   .uc-msg li .attr dd span {
     width: 1px;
     height: 13px;
     background: #ddd;
     display: inline-block
   }
   .uc-msg li p {
     margin-top: 5px;
     font-size: 14px
   }
   .uc-msgdesc, .uc-msgdesc .addpost .bd {
     margin-top: 10px
   }
   .uc-msgdesc {
     border: 1px solid #efefef;
     background: #fff;
     padding: 30px 40px
   }
   .uc-msgdesc .addpost .hd {
     height: auto;
     overflow: hidden
   }
   .uc-msgdesc .addpost .hd h4 {
     float: left;
     display: inline;
     font-size: 16px;
     color: #999
   }
   .uc-msgdesc .addpost .hd h4 span {
     margin-left: 5px;
     margin-right: 3px
   }
   .uc-msgdesc .addpost .hd .btn {
     width: 58px;
     height: 26px;
     border: 1px solid #89bd59;
     display: inline-block;
     border-radius: 2px;
     font-size: 12px;
     color: #88bd58;
     text-align: center;
     line-height: 26px
   }
   .uc-msgdesc .addpost .hd .btn:hover {
     background: #88bd58;
     color: #fff
   }
   .uc-msgdesc .addpost .hd .r {
     float: right;
     display: inline;
     font-family: "宋体";
     color: #3169b0
   }
   .uc-msgdesc .addpost textarea {
     width: 98%;
     border: 1px solid #ddd;
     padding: 10px;
     height: 110px
   }
   .uc-msgdesc .addpost .ft {
     margin-top: 20px;
     text-align: right
   }
   .uc-pages, .uc-pages a {
     text-align: center
   }
   .uc-msgdesc .addpost .ft input {
     width: 103px;
     height: 33px;
     background: #88bd58;
     color: #fff;
     border: none;
     border-radius: 4px
   }
   .uc-msgdesc .list {
     margin-top: 40px
   }
   .uc-msgdesc .list li {
     padding-left: 65px;
     position: relative;
     margin-bottom: 20px
   }
   .uc-msgdesc .list .img {
     position: absolute;
     left: 0;
     top: 0;
     width: 50px;
     height: 50px;
     border-radius: 50px;
     overflow: hidden
   }
   .uc-msgdesc .list .txt {
     border-bottom: #ddd dashed 1px;
     padding-bottom: 20px
   }
   .uc-msgdesc .list .txt h2 a {
     color: #3169b0;
     font-family: "宋体"
   }
   .uc-msgdesc .list .txt p {
     font-size: 14px;
     margin: 7px 0
   }
   .uc-msgdesc .list .txt h4 {
     color: #999
   }
   .uc-pages li {
     margin: 0 2px
   }
   .uc-pages a {
     width: 28px;
     height: 28px;
     display: inline-block;
     border: 1px solid #ccc;
     line-height: 28px;
     background: #fff;
     border-radius: 2px;
     color: #999
   }
   .uc-pages li.selected a, .uc-pages li.selected a:hover {
     border-color: #3169b0;
     background: #3169b0;
     color: #fff
   }
   .uc-pages li a:hover {
     border-color: #3169b0;
     color: #3169b0
   }
   .uc-pages li.prev a {
     background: url(http://www.shuguo.chat/images/website-www/v2/img17.png) center no-repeat
   }
   .uc-pages li.next a {
     background: url(http://www.shuguo.chat/images/website-www/v2/img18.png) center no-repeat
   }
   .uc-notice {
     margin-top: 10px
   }
   .uc-notice li {
     border: 1px solid #efefef;
     border-radius: 5px;
     background: #fff;
     padding: 0 30px 0 90px;
     position: relative;
     margin-bottom: 10px;
     height: 78px
   }
   .uc-notice li .img {
     left: 30px;
     top: 15px;
     position: absolute
   }
   .uc-notice li h2 {
     margin-top: 16px;
     font-size: 14px
   }
   .uc-notice li h2 a {
     color: #3169b0
   }
   .uc-notice li h4 .date {
     float: right;
     display: inline;
     color: #999
   }
   .uc-notice li h4 .yy {
     background: url(http://www.shuguo.chat/images/website-www/v2/img20.png) right center no-repeat;
     padding-right: 12px;
     color: #3169b0
   }
   .uc-info {
     border: 1px solid #efefef;
     background: #fff;
     margin-top: 10px;
     padding: 50px 40px
   }
   .uc-info li {
     position: relative;
     padding-left: 90px;
     margin-bottom: 20px;
     font-size: 14px
   }
   .uc-info li label {
     position: absolute;
     left: 0;
     top: 0
   }
   .uc-info .text, .uc-info select {
     height: 32px;
     line-height: 32px;
     border: 1px solid #e4e4e4;
     padding: 0 10px;
     background: 0 0;
     font-family: "宋体"
   }
   .uc-info select {
     margin-right: 30px;
     background: #f7f7f7
   }
   .uc-info textarea {
     width: 500px;
     height: 200px;
     border: 1px solid #e4e4e4;
     background: 0 0;
     padding: 10px
   }
   .uc-info .tip {
     font-size: 12px;
     margin-top: 5px;
     position: relative
   }
   .uc-info .tip .hints {
     position: absolute;
     right: 60px;
     top: 0
   }
   .uc-info .tip.warning {
     color: #b20808
   }
   .uc-info .submit {
     text-align: left;
     margin-left: 90px
   }
   .uc-info .submit input {
     width: 117px;
     height: 42px;
     background: #3169b0;
     color: #fff;
     border: none;
     border-radius: 5px;
     font-size: 14px
   }
   .uc-info .err {
     color: #b20808;
     font-size: 12px;
     margin-top: 5px
   }
   .uc-avatar {
     border: 1px solid #efefef;
     background: #fff;
     margin-top: 10px;
     padding: 50px 30px
   }
   .uc-avatar li {
     padding-left: 70px;
     position: relative
   }
   .uc-avatar li label {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 14px
   }
   .uc-avatar .file {
     background: url(http://www.shuguo.chat/images/website-www/v2/img22.png) no-repeat;
     width: 100px;
     height: 29px
   }
   .uc-avatar .file input {
     width: 100%;
     height: 100%;
     opacity: 0;
     -webkit-opacity: 0
   }
   .uc-avatar .submit input:hover, .uc-editpwd .submit input:hover, .uc-reserves .btn:hover {
     opacity: .8
   }
   .uc-avatar .tip {
     margin-top: 20px;
     color: #999
   }
   .uc-avatar .img {
     position: relative;
     width: 120px;
     height: 120px;
     background: url(http://www.shuguo.chat/images/website-www/v2/img34.png) 20px center no-repeat #f9f9f9;
     border-radius: 3px;
     margin-top: 15px;
     margin-bottom: 10px
   }
   .uc-avatar .img span {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 10px;
     text-align: center;
     color: #dcdcdc;
     font-size: 12px
   }
   .uc-avatar .submit input {
     width: 100px;
     height: 29px;
     background: #3169b0;
     color: #fff;
     border: none;
     border-radius: 5px
   }
   .uc-reserves {
     margin-top: 10px;
     color: grey
   }
   .uc-reserves li {
     background: #fff;
     border: 1px solid #efefef;
     padding: 0 5px;
     border-radius: 3px;
     margin-bottom: 10px
   }
   .uc-reserves li .hd {
     height: 31px;
     line-height: 31px;
     border-bottom: #efefef solid 1px;
     padding-left: 20px
   }
   .uc-reserves li .hd dd, .uc-reserves li .hd dt {
     display: inline;
     margin-right: 40px
   }
   .uc-reserves li .bd {
     padding: 20px 25px;
     height: auto;
     overflow: hidden
   }
   .uc-reserves li .c1, .uc-reserves li .c2, .uc-reserves li .c3, .uc-reserves li .c4, .uc-reserves li .c5, .uc-reserves li .c6, .uc-reserves li .c7 {
     float: left;
     vertical-align: middle;
     display: table-cell;
     min-height: 28px
   }
   .uc-reserves li .c1 {
     width: 60px
   }
   .uc-reserves li .c1 .img {
     width: 50px;
     height: 50px;
     border-radius: 50px;
     overflow: hidden
   }
   .uc-reserves li .c2 {
     width: 170px
   }
   .uc-reserves li .c2 h2 {
     font-size: 14px
   }
   .uc-reserves li .c3 {
     width: 70px;
     text-align: center
   }
   .uc-reserves li .c4 {
     width: 120px;
     margin-left: 60px
   }
   .uc-reserves li .c5 {
     width: 180px;
     text-align: right
   }
   .uc-reserves li .c6 {
     width: 59px;
     margin-left: 30px
   }
   .uc-reserves li .c6 a {
     color: #3169b0
   }
   .uc-reserves .btn {
     border: 1px solid #1ab993;
     width: 78px;
     height: 26px;
     background: #1ab993;
     border-radius: 4px;
     display: inline-block;
     text-align: center;
     line-height: 26px;
     color: #fff;
     margin-right: 5px
   }
   .uc-reserves .c-yellow {
     color: #f9ad35
   }
   .uc-reserves .btn-yellow {
     background: #f9ad35;
     border-color: #f9ad35
   }
   .uc-reserves .btn-bdr {
     border: 1px solid #999;
     color: #999;
     background: 0 0
   }
   .uc-reserves .btn-blue {
     background: #118bd0;
     border-color: #118bd0
   }
   .uc-reserves .btn-white {
     background: #fff;
     border-color: #b8b8b8;
     color: #484848
   }
   .uc-pages {
     margin-top: 30px
   }
   .uc-pages li {
     display: inline
   }
   .ec-info2 .fs dd .s1, .uc-editpwd .getcode, .uc-editpwd .show-panel a, .uc-editpwd .show-panel span, .uc-pages li a {
     display: inline-block
   }
   .uc-pages li a {
     width: 28px;
     height: 28px;
     border: 1px solid #ccc;
     border-radius: 2px
   }
   .uc-editpwd .show-panel, .uc-editpwd li label {
     height: 34px;
     line-height: 34px
   }
   .uc-editpwd {
     border: 1px solid #efefef;
     background: #fff;
     margin-top: 10px;
     padding: 50px 40px;
     font-family: STHeitiSC, microsoft yahei
   }
   .uc-editpwd ul {
     overflow: hidden
   }
   .uc-editpwd .show-panel a {
     margin-left: 20px;
     color: #139DE8
   }
   .uc-editpwd li {
     position: relative;
     padding-left: 110px;
     margin-bottom: 20px;
     font-size: 14px
   }
   .uc-editpwd li label {
     position: absolute;
     left: 0;
     top: 0;
     width: 90px;
     text-align: right;
     color: #444
   }
   .uc-editpwd .text, .uc-editpwd select {
     height: 32px;
     line-height: 32px;
     border: 1px solid #e4e4e4;
     padding: 0 10px;
     background: 0 0;
     font-family: "宋体";
     width: 238px;
     border-radius: 3px
   }
   .uc-editpwd .text.short {
     width: 128px
   }
   .uc-editpwd .getcode {
     width: 98px;
     height: 32px;
     margin-left: 6px;
     line-height: 32px;
     border: 1px solid #3169B0;
     border-radius: 3px;
     color: #3169B0;
     text-align: center
   }
   .uc-editpwd .getcode.disabled {
     background: #DDD;
     border: 1px solid #DDD;
     font-family: STHeitiSC-Light;
     color: #666
   }
   .add_expert_list li, .add_side_expert li h2 .r {
     font-family: "宋体"
   }
   .uc-editpwd .submit {
     width: 350px;
     margin-left: 110px;
     margin-top: 20px;
     text-align: left
   }
   .uc-editpwd .submit input {
     margin-right: 10px;
     width: 130px;
     height: 38px;
     background: #1AB893;
     color: #fff;
     border: none;
     border-radius: 3px;
     font-size: 14px
   }
   .uc-editpwd .submit .btn-white {
     width: 130px;
     height: 38px;
     background: #fff;
     border: 1px solid #ddd;
     color: #444;
     border-radius: 3px;
     font-size: 14px
   }
   .uc-editpwd .err {
     color: #b20808;
     font-size: 12px
   }
   .uc-editpwd h5.err {
     position: absolute;
     top: 32px
   }
   .ec-info2 {
     border: 1px solid #efefef;
     background: #fff;
     margin-top: 10px;
     padding: 40px 30px;
     font-size: 14px
   }
   .ec-info2 .tip {
     font-size: 12px;
     margin-top: 5px;
     position: relative
   }
   .ec-info2 .tip .hints {
     position: absolute;
     right: 60px;
     top: 0
   }
   .ec-info2 .tip.warning {
     color: red;
     font-size: 15px
   }
   .ec-info2 li {
     padding-left: 100px;
     position: relative;
     margin-bottom: 50px
   }
   .ec-info2 li .label {
     position: absolute;
     left: 0;
     top: 0
   }
   .ec-info2 .fs dd {
     margin-bottom: 25px
   }
   .ec-info2 .fs dd .s1 {
     width: 90px
   }
   .ec-info2 .fs dd .s2 {
     margin-left: 10px
   }
   .ec-info2 .text {
     width: 424px;
     height: 22px;
     border: 1px solid #eee;
     padding: 5px 10px
   }
   .ec-info2 select {
     height: 32px;
     border: 1px solid #eee;
     padding: 5px;
     width: 98px
   }
   .ec-info2 .mgr30 {
     margin-right: 30px
   }
   .ec-info2 .xxz {
     position: relative
   }
   .ec-info2 .xxz .img-tip {
     font-size: 12px;
     color: #999;
     margin-top: 10px
   }
   .ec-info2 .xxz .img {
     position: relative;
     width: 360px;
     height: 203px;
     background: url(http://www.shuguo.chat/images/website-www/v2/img34.png) 20px center no-repeat #f9f9f9;
     border-radius: 3px;
     margin-top: 5px;
     margin-bottom: 10px
   }
   .ec-info2 .xxz .img span {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 10px;
     text-align: center;
     color: #dcdcdc;
     font-size: 12px
   }
   .ec-info2 .xxz .eg {
     position: absolute;
     right: 15px;
     top: 70px;
     padding-left: 45px
   }
   .ec-info2 .xxz .eg span {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 14px
   }
   .ec-info2 .xxz .eg img {
     width: 160px;
     height: 105px
   }
   .ec-info2 .jj {
     width: 578px;
     height: 147px;
     border: 1px solid #eee;
     padding: 5px 10px
   }
   .ec-info2 .zxfx_new {
     height: 200px
   }
   .ec-info2 .submit {
     text-align: left;
     margin-top: 25px
   }
   .ec-info2 .submit input {
     width: 117px;
     height: 42px;
     border: none;
     background: #3169B0;
     color: #fff;
     border-radius: 5px;
     font-size: 14px;
     cursor: pointer
   }
   .ec-info2 .submit input:hover {
     background: #5a87c0
   }
   .ec-info2 .file {
     position: relative
   }
   .ec-info2 .file input {
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     -moz-opacity: 0;
     -webkit-opacity: 0;
     cursor: pointer;
     height: 30px;
     width: 100px
   }
   .add_expert_list li .text h2 .r .btn:hover, .detail_zj .body li .btnwp .btn:hover, .jg-desc .btn a:hover {
     opacity: .8
   }
   .ec-info2 .selectr {
     display: inline
   }
   .ec-users {
     border: 1px solid #efefef;
     background: #fff;
     margin-top: 10px;
     padding: 40px 30px;
     font-size: 14px
   }
   .ec-users .text {
     width: 298px;
     height: 22px;
     border: 1px solid #eee;
     padding: 5px 10px;
     position: relative;
     top: -3px;
     margin-right: 12px
   }
   .ec-users li {
     padding-left: 100px;
     position: relative;
     margin-bottom: 50px
   }
   .ec-users li .label {
     position: absolute;
     left: 0;
     top: 0
   }
   .ec-users .list {
     height: auto;
     overflow: hidden
   }
   .ec-users .list dd {
     width: 86px;
     float: left;
     display: inline;
     text-align: center;
     margin-right: 40px
   }
   .ec-users .list dd h2 {
     height: 30px;
     line-height: 30px;
     color: #3169b0;
     font-size: 12px
   }
   .ec-users .list .img {
     width: 80px;
     height: 80px;
     border-radius: 80px;
     border: 3px solid #d6e1ef;
     overflow: hidden
   }
   .ec-users .list .btn a, .ec-users .list .btn span {
     width: 50px;
     height: 21px;
     line-height: 21px;
     text-align: center;
     color: #fff;
     display: inline-block;
     background: #1ab893;
     border-radius: 3px;
     font-size: 12px
   }
   .ec-users .list .btn a:hover {
     background: #6dd2ba
   }
   .ec-users .list .btn span {
     background: #ccc;
     cursor: default
   }
   .ec-users .list .btn span:hover {
     background: #dedede
   }
   .ec-moneys-info {
     margin-top: 11px;
     height: auto;
     overflow: hidden
   }
   .ec-moneys-info ul {
     clear: both;
     height: auto;
     overflow: hidden;
     border-radius: 5px;
     border: 1px solid #efefef;
     border-top: 2px solid #f6a51e;
     background: #fff
   }
   .ec-moneys-info li {
     float: left;
     display: inline;
     height: 117px
   }
   .ec-moneys-info li.l1, .ec-moneys-info li.l2 {
     padding-left: 35px;
     border-right: 1px solid #efefef;
     width: 200px
   }
   .ec-moneys-info li.l3 {
     padding-left: 30px;
     position: relative;
     width: 290px
   }
   .ec-moneys-info li.l3 .btn a {
     position: absolute;
     right: 0;
     bottom: 30px;
     width: 85px;
     height: 28px;
     text-align: center;
     line-height: 28px;
     background: #f6a51e;
     font-size: 14px;
     color: #fff;
     display: block
   }
   .ec-moneys-info li .texts {
     padding-top: 27px
   }
   .ec-moneys-info li .texts h4 {
     font-size: 14px;
     color: #444
   }
   .ec-moneys-info li .texts h2 {
     font-size: 26px;
     color: #444;
     font-weight: 700;
     padding-top: 15px
   }
   .ec-moneys-info .ts {
     font-size: 12px;
     color: #999;
     clear: both;
     padding-top: 8px
   }
   .ec-moneys-list {
     height: auto;
     overflow: hidden;
     margin-top: 28px
   }
   .ec-moneys-list .nav {
     height: auto;
     overflow: hidden;
     margin-bottom: 12px
   }
   .ec-moneys-list .nav li {
     display: inline
   }
   .ec-moneys-list .nav li a {
     display: block;
     float: left;
     font-size: 12px;
     color: #00a0d8;
     text-align: center;
     height: 24px;
     line-height: 24px;
     padding: 0 13px;
     border-radius: 3px;
     margin-right: 7px
   }
   .ec-moneys-list .nav li.selected a {
     background: #00a0d8;
     color: #fff
   }
   .ec-moneys-list .list {
     clear: both;
     border: 1px solid #eee;
     border-bottom: 0
   }
   .ec-moneys-list .list table {
     width: 100%;
     font-size: 12px;
     color: #444
   }
   .ec-moneys-list .list th {
     background: #eee;
     height: 43px;
     line-height: 43px;
     padding-left: 28px
   }
   .ec-moneys-list .list td {
     border-bottom: 1px solid #eee;
     padding-left: 28px;
     background: #fff;
     height: 67px;
     line-height: 1.3
   }
   .ec-moneys-list .list td.big {
     font-size: 16px;
     font-weight: 700
   }
   .ec-takemoeny {
     background: #fff;
     border: 1px solid #efefef;
     margin-top: 10px;
     padding: 30px 30px 75px
   }
   .ec-takemoeny p.warning {
     color: red;
     margin-bottom: 30px
   }
   .ec-takemoeny li {
     height: auto;
     margin-bottom: 40px;
     font-size: 14px;
     color: #444;
     position: relative;
     padding-left: 90px
   }
   .ec-takemoeny li label {
     position: absolute;
     left: 0;
     top: 0
   }
   .ec-takemoeny li .btn-edit {
     width: 58px;
     height: 27px;
     text-align: center;
     line-height: 27px;
     border: 1px solid #1ab893;
     font-size: 14px;
     color: #5ecdb3;
     display: inline-block;
     margin-left: 10px;
     border-radius: 3px
   }
   .ec-takemoeny li .btn-edit:hover {
     background: #1ab893;
     color: #fff
   }
   .ec-takemoeny li .text {
     width: 180px;
     height: 32px;
     line-height: 32px;
     font-size: 14px;
     color: #999;
     border: 1px solid #e4e4e4;
     padding: 0 10px;
     margin-right: 15px
   }
   .ec-takemoeny li .tips.err {
     font-size: 12px;
     color: #b20808;
     left: 90px;
     bottom: -25px
   }
   .ec-takemoeny li .submit {
     width: 120px;
     height: 34px;
     background: #3169b0;
     text-align: center;
     line-height: 34px;
     border: 0;
     color: #fff;
     cursor: pointer;
     margin-top: 25px;
     border-radius: 3px
   }
   .ec-takemoeny h4 {
     font-size: 14px;
     color: #444;
     height: auto;
     overflow: hidden;
     margin-bottom: 25px
   }
   .ec-takemoeny li .btn-gtcode {
     font-size: 14px;
     color: #999;
     width: 108px;
     height: 27px;
     text-align: center;
     line-height: 27px;
     border: 1px solid #999;
     border-radius: 5px;
     display: inline-block;
     margin-left: 30px
   }
   .ec-takemoeny li .btn-gtcode:hover {
     background: #999;
     color: #fff
   }
   .ec-takemoeny li .input1 {
     height: auto;
     overflow: hidden;
     margin-top: 20px
   }
   .ec-takemoeny li .input1 .text {
     width: 120px;
     height: auto;
     overflow: hidden
   }
   .ec-takemoeny li .submit2 {
     background: #f6a51e
   }
   .ec-takemoeny li .ts {
     padding-top: 5px;
     color: #999
   }
   .y-user-recommend {
     width: 910px;
     margin: 20px auto 0;
     padding: 0 30px;
     background: #fff
   }
   .y-user-recommend .list {
     position: relative
   }
   .y-user-recommend .list i.tip {
     position: absolute;
     left: -20px;
     top: -5px;
     background: url(http://www.shuguo.chat/images/website-www/v2/img23.png) no-repeat;
     width: 43px;
     height: 24px;
     font-size: 14px;
     color: #fff;
     line-height: 24px;
     padding-left: 12px
   }
   .y-user-recommend .list li {
     height: auto;
     overflow: hidden;
     padding: 40px 30px;
     border-bottom: 1px solid #efefef;
     position: relative
   }
   .y-user-recommend .list li .img {
     float: left;
     display: inline;
     width: 120px;
     height: 120px
   }
   .y-user-recommend .list li .img img {
     width: 120px;
     height: 120px
   }
   .y-user-recommend .list li .text {
     float: left;
     display: inline;
     margin-left: 20px;
     width: 560px
   }
   .y-user-recommend .list li .text h4 {
     font-size: 18px;
     color: #444;
     margin-bottom: 13px
   }
   .y-user-recommend .list li .text h4 span {
     font-size: 12px;
     color: #999;
     padding-left: 10px
   }
   .y-user-recommend .list li .text p {
     font-size: 12px;
     color: #444;
     line-height: 20px;
     height: auto;
     overflow: hidden;
     margin-bottom: 20px
   }
   .y-user-recommend .list li .text dd, .y-user-recommend .list li .text dt {
     float: left;
     display: inline;
     font-size: 12px;
     color: #999;
     padding-left: 20px;
     margin-right: 12px
   }
   .y-user-recommend .list li .text dt {
     background: url(http://www.shuguo.chat/images/website-www/v2/img24.png) left center no-repeat
   }
   .y-user-recommend .list li .text dd {
     background: url(http://www.shuguo.chat/images/website-www/v2/img25.png) left center no-repeat
   }
   .y-user-recommend .list li .btnwp {
     position: absolute;
     right: 60px;
     top: 40px
   }
   .y-user-recommend .list li .btnwp h4 {
     text-align: center;
     font-size: 12px;
     color: #f59900
   }
   .y-user-recommend .list li .btnwp h4 big {
     font-size: 20px;
     font-weight: 700;
     padding-left: 2px
   }
   .y-user-recommend .list li .btnwp .btn {
     width: 84px;
     height: 28px;
     background: #00b992;
     text-align: center;
     line-height: 28px;
     color: #fff;
     display: block;
     margin-top: 13px;
     font-size: 14px;
     border-radius: 5px
   }
   .y-user-recommend .list .more {
     height: 50px;
     line-height: 50px;
     text-align: center
   }
   .y-user-recommend .list .more a {
     color: #9bafd4;
     font-size: 12px;
     background: url(http://www.shuguo.chat/images/website-www/v2/img26.png) right center no-repeat;
     padding-right: 10px
   }
   .add_side_expert {
     background: #fff;
     padding: 0 15px
   }
   .add_side_expert .head {
     border-bottom: #f2f2f2 solid 1px;
     height: 50px;
     line-height: 60px;
     font-size: 16px;
     font-weight: 700
   }
   .add_side_expert .body {
     padding-top: 20px
   }
   .add_side_expert li {
     height: 90px;
     padding-left: 70px;
     position: relative
   }
   .add_side_expert li .img {
     position: absolute;
     left: 10px;
     top: 0;
     width: 50px;
     height: 50px;
     border-radius: 50px;
     overflow: hidden
   }
   .add_side_expert li h2 {
     height: auto;
     overflow: hidden
   }
   .add_side_expert li h2 a {
     color: #3169b0;
     font-size: 14px
   }
   .add_side_expert li h2 .r {
     float: right;
     color: #999
   }
   .add_side_expert li h2 .r i {
     color: #f6a51e;
     margin-left: 5px
   }
   .add_side_expert li p {
     overflow: hidden
   }
   .add_side_expert li h4 {
     color: #999
   }
   .add_side_expert li h4 span {
     margin-right: 10px
   }
   .add_side_expert .foot {
     height: 45px;
     line-height: 45px;
     text-align: center;
     border-top: #eee solid 1px
   }
   .add_side_expert .foot a {
     color: #92b4db;
     font-size: 14px;
     background: url(http://www.shuguo.chat/images/website-www/img9.png) right center no-repeat;
     padding-right: 15px
   }
   .mgt30 {
     margin-top: 30px
   }
   .mgt0 {
     margin-top: 0
   }
   .add_expert_nav, .mgt20 {
     margin-top: 20px
   }
   .add_expert_nav {
     background: #fff;
     padding: 0 20px;
     height: 60px;
     line-height: 53px
   }
   .add_expert_nav ul {
     height: 53px;
     float: left;
     display: inline
   }
   .add_expert_nav li {
     float: left;
     display: inline;
     padding: 0 15px;
     background: url(http://www.shuguo.chat/images/website-www/img58.jpg) right center no-repeat;
     font-size: 14px
   }
   .add_expert_nav li.selected a {
     font-weight: 700;
     color: #5281bd
   }
   .add_expert_nav .form {
     width: 200px;
     height: 30px;
     background: #f1f1f1;
     float: right;
     display: inline;
     margin-top: 13px;
     margin-right: 10px;
     border-radius: 20px;
     overflow: hidden
   }
   .add_expert_nav .form .text {
     width: 150px;
     height: 30px;
     line-height: 30px;
     float: left;
     display: inline;
     border: none;
     padding-left: 20px;
     background: #f1f1f1
   }
   .add_expert_nav .form .submit {
     width: 30px;
     height: 30px;
     float: left;
     display: inline;
     border: none;
     background: url(http://www.shuguo.chat/images/website-www/v2/img27.png) center no-repeat
   }
   .hecong-service-entrance {
     position: fixed;
     right: 10px;
     bottom: 30px;
     width: 106px;
     height: 106px;
     z-index: 997;
     background: url(http://www.shuguo.chat/images/website-www/v2/hecong-service-bg.png) no-repeat;
     background-size: cover
   }
   .hecong-service-entrance-avator {
     position: relative;
     width: 80px;
     height: 80px;
     margin: 13px auto;
     border-radius: 50%;
     border: 2px solid #49a8ff;
     background: #fff;
     overflow: hidden;
     font-size: 0
   }
   .hecong-service-entrance-avator i {
     display: block;
     width: 100%;
     height: 100%;
     background: url(http://www.shuguo.chat/images/website-www/v2/hecong-service-assitance.png) no-repeat;
     background-size: cover
   }
   .hecong-service-entrance-avator div {
     position: absolute;
     width: 100%;
     height: 20px;
     line-height: 20px;
     background: #49a8ff;
     color: #fff;
     font-size: 12px;
     bottom: 6px;
     left: 0;
     text-align: center
   }
   .hecong-service-entrance-num {
     position: absolute;
     top: 19px;
     left: 112px;
     background: #ff5b5b;
     border-radius: 10px;
     padding: 2px 8px;
     color: #fff;
     font-size: 14px
   }
   .add_expert_list {
     background: #fff;
     margin-top: 10px;
     overflow: hidden
   }
   .add_expert_list li {
     border-bottom: #eee solid 1px;
     padding: 15px 0 30px;
     margin: 0 20px 15px;
     height: auto;
     overflow: hidden
   }
   .add_expert_list li .text h2 .l a, .add_expert_list li .text h2 .r .btn, .add_expert_list li .text h2 .r big, .add_expert_list li dd span, .add_expert_list li p, .topics li.form .texta, .topics li.form input {
     font-family: "微软雅黑"
   }
   .add_expert_list li.cutline {
     padding: 0;
     margin: -15px 0 0;
     height: 10px;
     background: #f7f7f7;
     border: 0
   }
   .detail_zj, .detail_zj .body li .txt p {
     margin-top: 10px
   }
   .add_expert_list li.last {
     margin-bottom: 0
   }
   .add_expert_list li .img {
     float: left;
     display: inline;
     width: 120px;
     height: 120px;
     overflow: hidden;
     margin-left: 10px
   }
   .add_expert_list li .text {
     float: right;
     display: inline;
     width: 440px;
     height: 120px
   }
   .add_expert_list li .text h2 {
     height: 30px;
     overflow: hidden
   }
   .add_expert_list li .text h2 .l {
     float: left;
     display: inline;
     max-width: 350px;
     white-space: nowrap;
     text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
     overflow: hidden
   }
   .add_expert_list li .text h2 .l a {
     font-size: 18px;
     color: #444;
     margin-right: 10px
   }
   .add_expert_list li .text h2 .l .f_orange {
     color: #f6a011
   }
   .add_expert_list li .text h2 .l span {
     color: #999;
     width: 275px
   }
   .add_expert_list li .text h2 .r {
     float: right;
     display: inline;
     color: #f59900
   }
   .add_expert_list li dd, .add_expert_list li dl {
     float: left;
     display: inline
   }
   .add_expert_list li .text h2 .r big {
     font-size: 28px;
     font-weight: 700;
     margin-left: 10px
   }
   .add_expert_list li .text h2 .r .btn {
     width: 84px;
     height: 28px;
     display: inline-block;
     background: #00b992;
     color: #fff;
     border-radius: 5px;
     text-align: center;
     line-height: 28px;
     font-size: 14px
   }
   .add_expert_list li p {
     height: 65px;
     margin-top: 10px;
     overflow: hidden
   }
   .add_expert_list li dd {
     margin-right: 20px;
     padding-left: 20px
   }
   .add_expert_list li .more {
     float: right;
     display: inline;
     background: url(http://www.shuguo.chat/images/website-www/img60.png) right center no-repeat;
     padding-right: 28px;
     color: #1ab893
   }
   .add_expert_list li dd span {
     font-size: 14px;
     color: #f59900;
     margin-left: 5px
   }
   .add_expert_list li .cb {
     background: url(http://www.shuguo.chat/images/website-www/v2/img28.png) left center no-repeat
   }
   .add_expert_list li .xl {
     background: url(http://www.shuguo.chat/images/website-www/v2/img29.png) left center no-repeat
   }
   .add_expert_list li .jq {
     background: url(http://www.shuguo.chat/images/website-www/v2/img30.png) left center no-repeat
   }
   .add_expert_list .jt {
     background: url(http://www.shuguo.chat/images/website-www/v2/img31.png) left center no-repeat;
     padding-left: 20px;
     float: right
   }
   .add_expert_list .jt a {
     background: url(http://www.shuguo.chat/images/website-www/v2/img32.png) right center no-repeat;
     padding-right: 15px;
     color: #3169b0
   }
   .add_expert_list .foot {
     height: 45px;
     line-height: 45px;
     text-align: center
   }
   .add_expert_list .foot a {
     font-size: 14px;
     background: url(http://www.shuguo.chat/images/website-www/img48.png) right center no-repeat rgba(0, 0, 0, 0);
     color: #9bafd4;
     display: inline-block;
     padding-right: 15px
   }
   .detail_zj {
     background: #fff;
     padding: 0 15px
   }
   .detail_zj .head {
     border-bottom: #eee solid 1px;
     font-size: 16px;
     padding: 0 10px;
     height: 55px;
     line-height: 65px
   }
   .detail_zj .body li {
     padding: 10px;
     height: auto;
     overflow: hidden
   }
   .detail_zj .body li .img {
     float: left;
     display: inline;
     width: 120px
   }
   .detail_zj .body li .txt {
     float: left;
     display: inline;
     width: 330px;
     margin-left: 20px;
     height: 30px
   }
   .detail_zj .body li .txt h2 a {
     font-size: 18px
   }
   .detail_zj .body li .txt h2 span {
     color: #999;
     margin-left: 10px
   }
   .detail_zj .body li .txt dl {
     margin-top: 20px
   }
   .detail_zj .body li .txt dd {
     display: inline;
     margin-right: 10px;
     color: #999;
     padding-left: 20px
   }
   .detail_zj .body li .txt dd.kf {
     background: url(http://www.shuguo.chat/images/website-www/v2/img28.png) left center no-repeat
   }
   .detail_zj .body li .txt dd.jq {
     background: url(http://www.shuguo.chat/images/website-www/v2/img30.png) left center no-repeat
   }
   .detail_zj .body li .btnwp {
     float: left;
     display: inline;
     width: 85px;
     margin-left: 40px;
     margin-top: 10px
   }
   .detail_zj .body li .btnwp h4 {
     font-size: 12px;
     color: #f59900
   }
   .detail_zj .body li .btnwp h4 big {
     font-size: 20px;
     font-weight: 700;
     margin-left: 5px
   }
   .detail_zj .body li .btnwp .btn {
     width: 84px;
     height: 28px;
     background: #00b992;
     color: #fff;
     border-radius: 4px;
     display: inline-block;
     text-align: center;
     line-height: 28px;
     margin-top: 10px
   }
   .detail_zj .foot {
     height: 60px;
     line-height: 60px;
     text-align: center
   }
   .detail_zj .foot a {
     color: #a9bbd8;
     font-size: 12px;
     background: url(http://www.shuguo.chat/images/website-www/img9.png) right center no-repeat;
     padding-right: 16px
   }
   .detail_tags {
     margin-top: 50px;
     padding: 0 20px
   }
   .detail_tags dd, .detail_tags dt {
     display: inline
   }
   .detail_tags dt {
     font-size: 14px
   }
   .detail_tags dd {
     margin-left: 10px
   }
   .detail_tags dd a {
     height: 24px;
     display: inline-block;
     padding: 0 15px;
     background: #eee;
     border-radius: 15px;
     color: #999
   }
   .detail_tags dd a:hover {
     background: #999;
     color: #fff
   }
   .details .action {
     margin-top: 20px
   }
   .detail_side_related {
     margin-top: 15px;
     background: #fff;
     padding: 0 15px
   }
   .detail_side_related .head {
     border-bottom: #f2f2f2 solid 1px;
     height: 55px;
     line-height: 65px;
     font-size: 16px;
     padding: 0 10px;
     font-weight: 700
   }
   .detail_side_related .body {
     padding: 10px;
     line-height: 25px
   }
   .detail_side_related .foot {
     height: 60px;
     line-height: 60px;
     text-align: center;
     border-top: #f2f2f2 solid 1px
   }
   .detail_side_related .foot a {
     color: #a9bbd8;
     font-size: 12px;
     background: url(http://www.shuguo.chat/images/website-www/img37.png) right center no-repeat;
     padding-right: 16px
   }
   .details {
     position: relative
   }
   .details-edit {
     position: absolute;
     right: 30px;
     top: 50px
   }
   .jg_comments {
     margin-top: 10px;
     background: #fff;
     padding: 0 20px 30px
   }
   .jg_comments .head {
     height: 57px;
     border-bottom: #efefef solid 1px;
     line-height: 57px
   }
   .jg_comments .head .l {
     float: left;
     display: inline;
     font-size: 16px;
     font-weight: 700;
     background: url(http://www.shuguo.chat/images/website-www/v2/img33.png) left center no-repeat;
     padding-left: 12px;
     margin-left: 20px
   }
   .jg_comments .head .r {
     float: right;
     display: inline
   }
   .jg_comments .head .r big {
     font-size: 16px;
     font-weight: 700;
     color: #f59900;
     margin-left: 5px
   }
   .jg_comments .body li .txt p, .weixin_pay {
     font-size: 14px
   }
   .jg_comments .body {
     clear: both
   }
   .jg_comments .body li {
     padding: 25px;
     border-bottom: #efefef solid 1px;
     height: auto;
     overflow: hidden
   }
   .jg_comments .body li .img {
     width: 50px;
     float: left;
     display: inline;
     text-align: center
   }
   .jg_comments .body li .img .ico {
     width: 50px;
     height: 50px;
     border-radius: 50px;
     overflow: hidden;
     margin-bottom: 5px
   }
   .jg_comments .body li .txt {
     margin-left: 20px;
     width: 480px;
     float: left;
     display: inline
   }
   .jg_comments .body li .txt h4 {
     height: auto;
     margin-top: 10px
   }
   .jg_comments .body li .txt h4 .l {
     float: left;
     display: inline;
     color: #a0a0a0
   }
   .jg_comments .body li .txt h4 .r {
     float: right;
     display: inline;
     font-style: italic
   }
   .c_yellow {
     color: #f7b13c
   }
   .jg-desc {
     margin-top: 20px
   }
   .jg-desc .btn {
     text-align: center
   }
   .jg-desc .btn a {
     width: 130px;
     height: 34px;
     background: #1ab993;
     color: #fff;
     display: inline-block;
     text-align: center;
     line-height: 34px;
     border-radius: 3px
   }
   .weixin_pay {
     width: 970px;
     margin: 30px auto 0;
     line-height: 30px
   }
   .weixin_pay .head {
     position: relative
   }
   .weixin_pay .head h4 {
     font-size: 16px
   }
   .weixin_pay .head .pay {
     position: absolute;
     right: 0;
     bottom: 0;
     font-size: 16px
   }
   .weixin_pay .head .pay b {
     color: #ff9f00;
     margin: 0 5px
   }
   .weixin_pay .body {
     background: #fff;
     border: 1px solid #efefef;
     border-radius: 4px;
     border-top: #1cb893 solid 2px;
     padding: 50px 0 70px 140px;
     margin-top: 10px;
     height: auto;
     overflow: hidden
   }
   .weixin_pay .body .qrimg {
     width: 250px;
     float: left;
     display: inline;
     text-align: center
   }
   .weixin_pay .body .tips {
     margin-left: 120px;
     float: left;
     display: inline;
     width: 320px
   }
   .weixin_pay .body .img {
     border: 1px solid #ccc;
     width: 248px;
     height: 248px;
     position: relative
   }
   .weixin_pay .body .img .msk {
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     background: rgba(0, 0, 0, .6);
     text-align: center;
     color: #fff;
     font-size: 16px;
     line-height: 1.5;
     font-weight: 700
   }
   .weixin_pay .body .img .msk table {
     width: 100%;
     height: 100%
   }
   .weixin_pay .body .btn {
     margin-top: 10px
   }
   .weixin_pay .body h4 {
     font-size: 12px;
     background: url(http://www.shuguo.chat/template/default/images/img35.png) left center no-repeat;
     padding-left: 23px;
     display: inline-block;
     color: #444
   }
   .weixin_pay .body h4 b {
     font-size: 14px;
     margin: 0 2px
   }
   .topics .topic-list {
     margin-top: 10px;
     margin-bottom: 60px
   }
   .topics .topic-list dd {
     background: #fff;
     margin-bottom: 5px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     border: 1px solid #EFEFEF;
     position: relative;
     min-height: 56px
   }
   .topics .topic-list .tit {
     font-size: 14px;
     color: #444;
     line-height: 56px;
     padding-left: 29px;
     float: left;
     width: 630px
   }
   .topics .topic {
     height: auto;
     overflow: hidden
   }
   .topics .topic-list .action {
     line-height: 56px;
     font-size: 14px;
     float: left
   }
   .topics .topic-list .action a {
     margin-right: 34px;
     color: #3169B0
   }
   .topics .topic-list .tip {
     border-top: 1px solid #EEE;
     background: #FFF;
     min-height: 56px;
     color: #3169B0;
     font-size: 14px;
     line-height: 56px;
     margin: 0 7px;
     padding-left: 22px
   }
   .topics dd em {
     width: 49px;
     height: 49px;
     display: inline-block;
     position: absolute;
     right: 0;
     top: 0
   }
   .topics dd.wtg em {
     background: url(http://www.shuguo.chat/images/website-www/v3/img76.png) no-repeat
   }
   .topics dd.shz em {
     background: url(http://www.shuguo.chat/images/website-www/v3/img73.png) no-repeat
   }
   .topics dd.ytg em {
     background: url(http://www.shuguo.chat/images/website-www/v3/img74.png) no-repeat
   }
   .topics dd.ysc em {
     background: url(http://www.shuguo.chat/images/website-www/v3/img75.png) no-repeat
   }
   .uc-curr span {
     color: #45b2ed;
     font-size: 12px;
     margin-left: 10px
   }
   .topics li.form {
     background: #fff;
     margin-top: 10px;
     border: 1px solid #EFEFEF;
     padding-left: 50px;
     padding-top: 50px
   }
   .topics li.form .text {
     height: 34px;
     width: 360px;
     border: 1px solid #E4E4E4;
     padding: 0 15px;
     font-size: 14px
   }
   .topics li.form dd {
     position: relative;
     margin-bottom: 40px;
     padding-left: 105px
   }
   .topics li.form .tip {
     font-size: 12px;
     color: #B20808;
     line-height: 17px;
     position: relative
   }
   .topics li.form .tip .hints {
     position: absolute;
     right: 60px;
     top: 0
   }
   .topics li.form label {
     position: absolute;
     left: 0;
     font-size: 14px;
     color: #444
   }
   .topics li.form .texta {
     border: 1px solid #E4E4E4;
     width: 570px;
     padding: 15px;
     background: #fff;
     height: 270px;
     color: #666;
     line-height: 22px;
     font-size: 14px
   }
   .topics li.form select {
     width: 130px;
     height: 34px;
     background: #F7F7F7;
     border: 1px solid #E4E4E4;
     color: #444
   }
   .topics li.form dd span {
     margin-left: 20px
   }
   .topics li.form .classify ul {
     height: auto;
     overflow: hidden
   }
   .topics li.form .classify li {
     height: 22px;
     margin-top: 10px;
     padding: 0 12px;
     border: 1px solid #E4E4E4;
     -webkit-border-radius: 11px;
     -moz-border-radius: 11px;
     border-radius: 11px;
     float: left;
     margin-right: 20px
   }
   .topics li.form .classify li a {
     display: block
   }
   .topics li.form .classify li.selected {
     background: #3169B0;
     border: 1px solid #3169B0
   }
   .topics li.form .classify li.selected a {
     color: #fff
   }
   .topics li.form .classify .tip {
     bottom: -25px
   }
   .topics li.form .submit {
     margin-left: 105px;
     margin-top: 40px;
     margin-bottom: 70px
   }
   .topics li.form .submit input {
     cursor: pointer;
     font-size: 14px;
     color: #fff;
     width: 130px;
     height: 38px;
     background: #3169B0;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     border: 1px solid #979797
   }
   .topics li.form .f-tip {
     color: #999
   }
   .tc-box {
     text-align: center;
     display: none
   }
   .tc-box .mask {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: rgba(0, 0, 0, .5);
     z-index: 99
   }
   .gb-tc-box {
     display: none;
     overflow: hidden;
     position: fixed;
     top: 50%;
     left: 50%;
     margin-left: -180px;
     margin-top: -70px;
     z-index: 999;
     width: 360px;
     height: 140px;
     background: #fff;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px
   }
   .gb-tc-box h2 {
     font-size: 18px;
     color: #444;
     margin-top: 30px
   }
   .gb-tc-box .mate {
     border-top: 1px solid #EEE;
     margin: 0 22px;
     height: 52px;
     line-height: 52px;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0
   }
   .gb-tc-box a {
     width: 48%;
     display: inline-block;
     font-size: 18px;
     color: #3169B0
   }
   .sh-tc p {
     margin-top: 25px;
     font-size: 18px;
     color: #444
   }
   .sh-tc a {
     width: 98%
   }
   .fk-box {
     width: 600px;
     height: 255px
   }
   .fk-box .text {
     width: 540px;
     height: 100px;
     border: 1px solid #F2F2F2;
     -ms-text-align-last: right;
     text-align-last: right;
     margin: 10px 20px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     padding: 10px
   }
   .fk-box .ft span, .fk-box .submit {
     float: right;
     margin-right: 20px
   }
   .classArea, .classListArea, .swiperArea {
     margin-bottom: 30px
   }
   .fk-box .hd {
     font-size: 18px;
     margin-top: 15px;
     margin-left: 20px
   }
   .fk-box .ft {
     height: auto;
     overflow: hidden
   }
   .fk-box .ft input {
     margin-left: 20px;
     padding-left: 10px;
     width: 195px;
     height: 23px;
     border: 1px solid #F2F2F2
   }
   .fk-box .submit {
     width: 100px;
     margin-top: 10px;
     cursor: pointer;
     height: 27px;
     border: 1px solid #A7A8BC;
     background: #FFF;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     display: inline-block
   }
   .classPage {
     overflow: hidden;
     background: #f3f3f3
   }
   .swiperArea {
     height: 300px
   }
   .swiperArea .swiper-slide {
     height: 300px;
     background: #ebebeb
   }
   .classArea .wrapper, .classListArea .wrapper {
     background: #fff
   }
   .classArea .head, .classListArea .head {
     height: 60px;
     line-height: 60px;
     background: #fafafa
   }
   .classArea .head .title, .classListArea .head .title {
     float: left;
     margin-right: 50px;
     margin-left: 20px;
     color: #444;
     font-weight: 700;
     font-size: 22px
   }
   .classArea .head .title .bd, .classListArea .head .title .bd {
     float: left;
     display: block;
     width: 0;
     height: 22px;
     margin-top: 15px;
     margin-right: 13px;
     border: 4px solid #3169b0;
     border-radius: 4px
   }
   .classArea .head .tags, .classListArea .head .tags {
     float: left;
     overflow: hidden;
     font-size: 18px
   }
   .classArea .head .tag, .classListArea .head .tag {
     float: left;
     margin-right: 30px
   }
   .classArea .head .tag a, .classListArea .head .tag a {
     color: #666
   }
   .classArea .body .class-m:hover .text-cont h2, .classArea .body .class-s:hover .text-cont h2, .classArea .head .tag a:hover, .classListArea .body .class-m:hover .text-cont h2, .classListArea .body .class-s:hover .text-cont h2, .classListArea .head .tag a:hover {
     color: #1e8bc3
   }
   .classArea .body .classList, .classListArea .body .classList {
     margin-bottom: 30px;
     margin-right: -10px
   }
   .classArea .body .class-m, .classArea .body .class-s, .classListArea .body .class-m, .classListArea .body .class-s {
     position: relative;
     overflow: hidden;
     float: left;
     margin-right: 10px;
     background: #fff
   }
   .classArea .body .class-m.last, .classArea .body .class-m:last-child, .classArea .body .class-s.last, .classArea .body .class-s:last-child, .classListArea .body .class-m.last, .classListArea .body .class-m:last-child, .classListArea .body .class-s.last, .classListArea .body .class-s:last-child {
     margin-right: 0
   }
   .classArea .body .class-m:hover, .classArea .body .class-s:hover, .classListArea .body .class-m:hover, .classListArea .body .class-s:hover {
     box-shadow: 0 0 5px #dedede;
     z-index: 1
   }
   .classArea .body .class-m:hover .img-cont .mask, .classArea .body .class-s:hover .img-cont .mask, .classListArea .body .class-m:hover .img-cont .mask, .classListArea .body .class-s:hover .img-cont .mask {
     visibility: visible
   }
   .classArea .body .class-m .tag, .classArea .body .class-s .tag, .classListArea .body .class-m .tag, .classListArea .body .class-s .tag {
     position: absolute;
     left: 0;
     top: 17px;
     width: 40px;
     height: 22px;
     z-index: 1;
     display: block;
     text-align: center;
     line-height: 22px;
     font-size: 14px;
     color: #fff;
     background: #2abb9a;
     font-style: normal !important
   }
   .classArea .body .class-m .img-cont, .classArea .body .class-s .img-cont, .classListArea .body .class-m .img-cont, .classListArea .body .class-s .img-cont {
     position: relative;
     width: 270px;
     height: 152px;
     overflow: hidden
   }
   .classArea .body .class-m .img-cont img, .classArea .body .class-s .img-cont img, .classListArea .body .class-m .img-cont img, .classListArea .body .class-s .img-cont img {
     width: 100%
   }
   .classArea .body .class-m .img-cont .mask, .classArea .body .class-s .img-cont .mask, .classListArea .body .class-m .img-cont .mask, .classListArea .body .class-s .img-cont .mask {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     visibility: hidden;
     background: url(http://www.shuguo.chat/template/default/images/website-www/classIndex-play.png) center no-repeat #333;
     opacity: .8
   }
   .classArea .body .class-m .text-cont, .classArea .body .class-s .text-cont, .classListArea .body .class-m .text-cont, .classListArea .body .class-s .text-cont {
     position: relative
   }
   .classArea .body .class-m .text-cont h2, .classArea .body .class-s .text-cont h2, .classListArea .body .class-m .text-cont h2, .classListArea .body .class-s .text-cont h2 {
     margin-top: 6px;
     line-height: 26px;
     color: #444;
     font-size: 18px;
     height: 52px;
     display: -webkit-box;
     word-break: break-all;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
     text-overflow: ellipsis
   }
   .classArea .body .class-m .text-cont p, .classArea .body .class-s .text-cont p, .classListArea .body .class-m .text-cont p, .classListArea .body .class-s .text-cont p {
     margin-top: 7px;
     margin-bottom: 7px;
     color: #999;
     font-size: 14px
   }
   .classArea .body .class-m .text-cont .icon-person, .classArea .body .class-s .text-cont .icon-person, .classListArea .body .class-m .text-cont .icon-person, .classListArea .body .class-s .text-cont .icon-person {
     margin-bottom: 0;
     padding-left: 0
   }
   .classArea .body .class-m .text-cont .teacher, .classArea .body .class-s .text-cont .teacher, .classListArea .body .class-m .text-cont .teacher, .classListArea .body .class-s .text-cont .teacher {
     margin-top: 8px
   }
   .classArea .body .class-m .text-cont .price, .classArea .body .class-s .text-cont .price, .classListArea .body .class-m .text-cont .price, .classListArea .body .class-s .text-cont .price {
     position: absolute;
     bottom: 0;
     right: 0;
     color: #ff7d00;
     font-size: 18px;
     font-weight: 700
   }
   .classArea .body .class-m .text-cont .price.free, .classArea .body .class-s .text-cont .price.free, .classListArea .body .class-m .text-cont .price.free, .classListArea .body .class-s .text-cont .price.free {
     color: #1ab893
   }
   .classArea .body .class-s, .classListArea .body .class-s {
     width: 270px;
     height: 267px;
     padding: 7px 7px 20px 8px
   }
   .classArea .body .class-m, .classListArea .body .class-m {
     width: 542px;
     height: 152px;
     padding: 8px 30px 8px 8px
   }
   .classArea .body .class-m .img-cont, .classListArea .body .class-m .img-cont {
     position: relative;
     float: left;
     width: 270px;
     height: 152px;
     margin-right: 20px
   }
   .classArea .body .class-m .text-cont, .classListArea .body .class-m .text-cont {
     float: left;
     width: 252px;
     height: 152px
   }
   .classArea .body .class-m .text-cont h2, .classListArea .body .class-m .text-cont h2 {
     margin: 0 0 12px;
     line-height: 24px
   }
   .classArea .body .class-m .text-cont p, .classListArea .body .class-m .text-cont p {
     margin-top: 0 !important
   }
   .classArea .body .class-m .text-cont .teacher, .classListArea .body .class-m .text-cont .teacher {
     margin-bottom: 8px
   }
   .classArea .body .class-m .text-cont .icon-person, .classListArea .body .class-m .text-cont .icon-person {
     margin-bottom: 20px
   }
   .classArea .body .class-m .text-cont .price, .classListArea .body .class-m .text-cont .price {
     position: static
   }
   .classArea .body .areaAction, .classListArea .body .areaAction {
     text-align: center;
     padding-bottom: 20px
   }
   .classArea .body .areaAction .btn.more, .classListArea .body .areaAction .btn.more {
     display: inline-block;
     width: 118px;
     height: 38px;
     line-height: 38px;
     color: #3169b0;
     font-size: 14px;
     border: 1px solid #3169b0;
     border-radius: 20px
   }
   .classArea .body .areaAction .btn.more:hover, .classListArea .body .areaAction .btn.more:hover {
     opacity: .7
   }
   .classArea .body .areaAction .btn.more i.arrow, .classListArea .body .areaAction .btn.more i.arrow {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: 5px;
     margin-right: -8px;
     border: 0 solid transparent;
     border-width: 5px;
     border-left: 8px solid #3169b0
   }
   .cooperator {
     margin-bottom: 70px
   }
   .cooperator .wrapper {
     height: 130px;
     overflow: hidden;
     background: #fff
   }
   .cooperator .head {
     float: left;
     width: 118px
   }
   .cooperator .head .title {
     font-size: 18px;
     color: #444;
     line-height: 118px;
     text-align: right
   }
   .cooperator .body {
     position: relative;
     float: left;
     width: 1052px;
     margin: 15px 0;
     -webkit-user-select: none
   }
   .cooperator .body .swiper-container {
     margin: 0 39px 0 25px
   }
   .cooperator .swiper-slide {
     height: 100px;
     width: 100px;
     background: #E5E5E5
   }
   .cooperator .swiper-button-next, .cooperator .swiper-button-prev {
     position: absolute;
     margin: 0;
     top: 0;
     width: 23px;
     height: 98px;
     line-height: 98px;
     text-align: center;
     border: 1px solid #d1d1d1;
     border-radius: 3px;
     color: #d1d1d1;
     background: #fafafa;
     font-size: 20px;
     font-family: sans-serif;
     font-weight: 700
   }
   .cooperator .swiper-button-prev {
     left: 0
   }
   .cooperator .swiper-button-next {
     right: 13px
   }
   .selectArea {
     margin: 30px 0
   }
   .selectArea .wrapper {
     height: 60px;
     background: #fff
   }
   .selectArea ul {
     overflow: hidden;
     margin-left: 38px
   }
   .selectArea ul li {
     float: left;
     height: 60px;
     margin-right: 50px
   }
   .selectArea ul li a {
     display: block;
     height: 56px;
     line-height: 56px;
     font-size: 22px;
     color: #666;
     border-bottom: 4px solid #fff
   }
   .selectArea ul li a:hover {
     color: #1e8bc3
   }
   .selectArea ul li a.active {
     color: #1e8bc3;
     border-bottom: 4px solid #1e8bc3
   }
   .classListArea .body .class-s {
     margin-bottom: 20px
   }
   .pages li.next a, .pages li.prev a {
     background-image: none
   }
   .text-cont .class-time {
     float: right;
     color: #999;
     font-size: 14px
   }
   .classDetail {
     color: #444
   }
   .classDetail .breadcrumb {
     overflow: hidden;
     margin: 24px 0 10px;
     font-size: 16px;
     line-height: 16px;
     color: #999
   }
   .classDetail .breadcrumb li {
     float: left
   }
   .classDetail .breadcrumb li a {
     color: #999
   }
   .classDetail .breadcrumb .cur {
     color: #3169B0
   }
   .classDetail .classSum {
     margin-bottom: 20px;
     background: #FFF;
     padding: 30px 0 40px 50px;
     overflow: hidden
   }
   .classDetail .classSum .title {
     height: 20px;
     padding-left: 10px;
     border-left: 6px solid #419DF2;
     font-size: 18px;
     line-height: 20px
   }
   .classDetail .classSum .left {
     float: left;
     overflow: hidden;
     position: relative;
     width: 542px;
     height: 306px;
     margin-right: 50px;
     background: #ccc
   }
   .classDetail .classSum .playArea .cover, .classDetail .classSum .playArea audio {
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
   }
   .classDetail .classSum .right {
     float: left;
     width: 528px
   }
   .classDetail .classSum .className {
     font-size: 28px;
     line-height: 28px;
     margin-top: 10px;
     margin-bottom: 18px
   }
   .classDetail .classSum .price {
     margin-bottom: 30px;
     color: #F59900;
     font-size: 36px;
     line-height: 36px
   }
   .classDetail .classSum .price.free {
     color: #1AB893
   }
   .classDetail .classSum .price.free s {
     display: none
   }
   .classDetail .classSum .price s {
     font-size: 20px;
     line-height: 20px
   }
   .classDetail .classSum .info {
     padding: 16px 21px;
     margin-bottom: 20px;
     margin-right: 50px;
     border-radius: 4px;
     background-color: #F7F7F7
   }
   .classDetail .classSum .info .mb {
     margin-bottom: 14px
   }
   .classDetail .classSum .info span {
     margin-right: 30px
   }
   .classDetail .classSum .actionArea {
     clear: both
   }
   .classDetail .classSum .actionArea .btn {
     float: left;
     padding: 14px;
     border: 1px solid #E4E4E4;
     border-radius: 4px;
     background-color: #F9F9F9;
     color: #999;
     font-size: 14px;
     line-height: 14px
   }
   .classDetail .classSum .actionArea .btn a {
     color: #999
   }
   .classDetail .classSum .actionArea #share-btn:hover, .classDetail .classSum .actionArea .btn a:hover {
     color: #F59900
   }
   .classDetail .classSum .actionArea #share-btn {
     position: relative
   }
   .classDetail .classSum .actionArea #share-btn:hover .share-pop {
     display: block
   }
   .classDetail .classSum .actionArea #share-btn .share-pop, .classDetail .classSum .actionArea #share-btn .share-pop a {
     background: url(http://www.shuguo.chat/template/default/images/sprite.png)
   }
   .classDetail .classSum .actionArea #share-btn .share-pop {
     display: none;
     position: absolute;
     z-index: 2;
     width: 110px;
     height: 49px;
     top: 19px;
     left: 50%;
     margin-left: -55px
   }
   .classDetail .classSum .actionArea #share-btn .share-pop ul {
     overflow: hidden;
     padding: 17px 9px 9px
   }
   .classDetail .classSum .actionArea #share-btn .share-pop ul li {
     float: left
   }
   .classDetail .classSum .actionArea #share-btn .share-pop ul li a {
     display: block;
     width: 24px;
     height: 24px
   }
   .classDetail .classSum .actionArea #share-btn .share-pop ul li a.wx {
     background-position: 0 -49px;
     margin-right: 10px
   }
   .classDetail .classSum .actionArea #share-btn .share-pop ul li a.wb {
     background-position: -24px -49px;
     margin-right: 10px
   }
   .classDetail .classSum .actionArea #share-btn .share-pop ul li a.qzone {
     background-position: -48px -49px
   }
   .classDetail .classSum .actionArea .btn.btnMain {
     margin-right: 6px;
     padding: 15px 44px;
     font-size: 24px;
     line-height: 24px;
     background-color: #419DF2;
     color: #fff;
     border: none
   }
   .classDetail .classSum .actionArea .btn.btnMain:hover {
     background-color: #5AB0FF
   }
   .classDetail .classSum .actionArea .btn.btnPart {
     margin-top: 4px
   }
   .classDetail .classList {
     margin-bottom: 20px;
     background: #FFF;
     color: #444;
     padding: 20px 35px 40px
   }
   .classDetail .classList .title {
     height: 20px;
     padding-left: 10px;
     border-left: 6px solid #419DF2;
     font-size: 18px;
     line-height: 20px
   }
   .classDetail .classList .listArea {
     margin-top: 20px
   }
   .classDetail .classList .listArea table {
     width: 100%;
     margin-bottom: 21px;
     border-collapse: collapse;
     font-size: 16px
   }
   .classDetail .classList .listArea table td, .classDetail .classList .listArea table tr {
     height: 50px;
     border: 0 solid #E7E7E7;
     border-width: 1px 0
   }
   .classDetail .classList .listArea table tr:hover td {
     color: #419DF2
   }
   .classDetail .classList .listArea table tr.even, .classDetail .classList .listArea table tr:nth-child(2n) {
     background-color: #F9F9F9
   }
   .classDetail .classList .listArea table td {
     padding-left: 15px
   }
   .classDetail .classList .listArea table .tdNum {
     width: 83px;
     padding-left: 20px
   }
   .classDetail .classList .listArea table .className {
     line-height: 28px
   }
   .classDetail .classList .listArea table .play {
     display: none;
     position: absolute;
     float: right;
     width: 90px;
     height: 28px;
     right: 20px;
     top: 10px;
     line-height: 28px;
     border: 1px solid #419DF2;
     border-radius: 4px;
     font-size: 12px;
     color: #419DF2
   }
   .classDetail .classList .listArea table tr:hover .play {
     display: block
   }
   .classDetail .classList .listArea table tr:hover .play.free {
     display: none
   }
   .classDetail .classList .listArea table td {
     position: relative
   }
   .classDetail .classList .listArea table .play.free {
     display: block;
     border: none;
     color: #1AB893;
     text-align: center
   }
   .classDetail .classList .listArea table .play.free i {
     display: none
   }
   .classDetail .classList .listArea table .play i {
     float: left;
     display: block;
     width: 0;
     height: 0;
     margin: 9px -2.5px 9px 13.5px;
     border: 0 solid transparent;
     border-width: 5px 9px;
     border-left: 9px solid #419DF2
   }
   .classDetail .classList .listArea .viewMore {
     width: 100%;
     height: 40px;
     background-color: #F9F9F9;
     border: 1px solid #E7E7E7;
     color: #666;
     line-height: 40px;
     text-align: center
   }
   .classDetail .classList .listArea .viewMore a {
     display: block
   }
   .classDetail .classList .listArea .viewMore a:hover {
     color: #419DF2
   }
   .classDetail .classOverview {
     margin-bottom: 20px;
     background: #FFF;
     overflow: hidden;
     padding: 30px
   }
   .classDetail .classOverview .title {
     height: 20px;
     padding-left: 10px;
     border-left: 6px solid #419DF2;
     font-size: 18px;
     line-height: 20px
   }
   .classDetail .classOverview .overviewArea {
     width: 860px;
     margin: 40px auto 70px
   }
   .main2 .pagebar, .main2 .pagination {
     text-align: center;
     padding: 0;
     margin: 20px 0;
     border-radius: 5px;
     overflow: hidden
   }
   .main2 .pagebar li, .main2 .pagination li {
     display: inline-block;
     border: 0 solid #eee;
     border-width: 1px 1px 1px 0;
     padding: 0;
     margin: 0;
     height: 30px;
     width: 35px;
     line-height: 30px;
     color: #939393;
     text-align: center;
     transition: all .5s
   }
   .main2 .pagebar li:first-child, .main2 .pagination li:first-child {
     border-width: 1px;
     border-radius: 5px 0 0 5px
   }
   .main2 .pagebar li:last-child, .main2 .pagination li:last-child {
     border-radius: 0 5px 5px 0
   }
   .main2 .pagebar li.active, .main2 .pagination li.active {
     background: #188eee !important;
     color: #fff !important
   }
   .main2 .pagebar li.disabled, .main2 .pagination li.disabled {
     color: #ccc
   }
   .main2 .pagebar li:hover, .main2 .pagination li:hover {
     background: #eee
   }
   .main2 .pagebar li a, .main2 .pagination li a {
     display: block
   }
   .red-paper-tool {
     position: fixed;
     width: 126px;
     height: 137px;
     top: 10%;
     right: 4px;
     background: url(http://www.shuguo.chat/template/default/images/operational/newAppGift/website_bg.png) no-repeat;
     cursor: pointer
   }
   .popup {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background: rgba(0, 0, 0, .5);
     z-index: 99999
   }
   .popup .popup-dialog {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 72%;
     transform: translate(-50%, -50%);
     border-radius: 10px;
     text-align: center
   }
   .popup .popup-dialog a {
     display: inline-block;
     width: 400px;
     height: 523px;
     background: url(http://www.shuguo.chat/template/default/images/operational/newAppGift/dialog_main.png) no-repeat;
     background-size: 100% 100%
   }
   .popup .dialog img {
     width: 100%
   }
   .popup .popup-dialog .close {
     position: absolute;
     width: 36px;
     height: 36px;
     left: 50%;
     bottom: -50px;
     font-size: 24px;
     line-height: 32px;
     margin-left: -18px;
     border-radius: 100%;
     border: 1px solid #F1F1F1;
     color: #F1F1F1;
     text-align: center;
     cursor: pointer
   }
   .area-code {
     position: absolute;
     top: 9px;
     left: 0;
     display: inline-block;
     width: 47px;
     height: 24px;
     margin-right: 15px;
     border-right: 1px solid #dbdbdb;
     font-size: 14px;
     color: #999;
     text-align: center
   }
   .country-list {
     position: absolute;
     top: 40px;
     left: 0;
     width: 249px;
     height: 148px;
     padding: 10px 0;
     background-color: #fff;
     border: 1px solid #aebbc3;
     border-radius: 3px;
     overflow: hidden;
     overflow-y: scroll;
     z-index: 1;
     display: none
   }
   .country-list .country-item {
     position: relative;
     width: 229px;
     height: 24px;
     padding: 0 10px;
     font-size: 12px;
     color: #666
   }
   .country-list .country-item:hover {
     background-color: #f2f3f4
   }
   .country-list .country-item .country {
     display: inline-block;
     max-width: 158px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
   }
   .country-list .country-item .code {
     position: absolute;
     top: 0;
     right: 30px
   }
   .qq-login-pop-up {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 100;
     display: none
   }
   .qq-login-pop-up .qq-login-mask {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, .4)
   }
   .qq-login-pop-up .qq-login-cont, .qq-login-pop-up .qq-login-cont-old {
     position: fixed;
     top: 50%;
     transform: translate(-50%, -50%);
     padding: 50px 43px;
     border-radius: 3px;
     background-color: #fff;
     left: 50%
   }
   .qq-login-pop-up .qq-login-cont {
     width: 232px;
     height: 227px
   }
   .qq-login-pop-up .qq-login-cont .old-user-wrap {
     margin-bottom: 35px
   }
   .qq-login-pop-up .qq-login-cont-old {
     width: 315px;
     height: 182px
   }
   .qq-login-pop-up .txt {
     font-size: 14px;
     color: #666;
     text-align: center;
     margin-bottom: 20px
   }
   .qq-login-pop-up .qq-login-btn {
     display: block;
     width: 230px;
     height: 48px;
     line-height: 48px;
     border-radius: 2px;
     background-color: #0b8bff;
     text-align: center;
     font-size: 16px;
     color: #fff
   }
   body.error-page {
     background-color: #fff
   }
   .error-icon {
     display: inline-block;
     width: 36px;
     min-height: 36px
   }
   .error-content {
     width: 720px;
     margin: 0 auto;
     padding-top: 30px
   }
   .error-content .banner-img {
     width: 720px;
     height: 264px
   }
   .error-content .title {
     position: absolute;
     top: 198px;
     left: 50%;
     transform: translateX(-50%);
     font-size: 30px;
     color: #444;
     font-weight: 700;
     text-align: center
   }
   .error-content .search-wrap {
     overflow: hidden;
     clear: both;
     font-size: 24px;
     line-height: 60px
   }
   .error-content .search-wrap .search-input-wrap {
     float: left;
     width: 490px;
     height: 60px;
     border-radius: 50px;
     background-color: #f3f4f5;
     padding: 0 20px
   }
   .error-content .search-wrap .search-input-wrap .ic-search {
     position: relative;
     top: 9px;
     background: url(http://www.shuguo.chat/images/website-www/404page/ic-search.png) center center no-repeat;
     background-size: 92%
   }
   .error-content .search-wrap .search-input-wrap .search-input {
     width: 436px;
     height: 58px;
     line-height: 58px;
     font-size: 24px;
     color: #666;
     border: none;
     background-color: transparent
   }
   .error-content .search-wrap .search-input-wrap .search-input::-webkit-input-placeholder {
     color: #999 !important
   }
   .error-content .search-wrap .search-btn {
     float: right;
     display: inline-block;
     width: 138px;
     height: 60px;
     border-radius: 100px;
     background-color: #f3f4f5;
     color: #666;
     text-align: center
   }
   .error-content .search-wrap .search-btn:hover {
     color: #3169b0
   }
   .error-content .recommend-title {
     margin-top: 50px;
     margin-bottom: 20px;
     font-size: 24px;
     color: #333;
     text-align: center
   }
   .error-content .tag-group {
     width: 780px;
     margin-left: -20px;
     margin-right: -20px;
     overflow: hidden;
     clear: both;
     font-size: 24px;
     color: #666
   }
   .error-content .tag-group .tag-item {
     float: left;
     width: 211px;
     height: 60px;
     line-height: 60px;
     border-radius: 100px;
     border: 1px solid #ccc;
     margin: 15px 20px;
     text-align: center
   }
   .error-content .tag-group .tag-item .ic-article {
     background: url(http://www.shuguo.chat/images/website-www/404page/ic-article.png) center center no-repeat;
     background-size: 88%
   }
   .error-content .tag-group .tag-item .ic-test {
     background: url(http://www.shuguo.chat/images/website-www/404page/ic-test.png) center center no-repeat;
     background-size: 82%
   }
   .error-content .tag-group .tag-item .ic-fm {
     background: url(http://www.shuguo.chat/images/website-www/404page/ic-fm.png) center center no-repeat;
     background-size: 83%
   }
   .error-content .tag-group .tag-item .ic-question {
     background: url(http://www.shuguo.chat/images/website-www/404page/ic-question.png) center center no-repeat;
     background-size: 84%
   }
   .error-content .tag-group .tag-item .ic-lesson {
     background: url(http://www.shuguo.chat/images/website-www/404page/ic-lesson.png) center center no-repeat;
     background-size: 89%
   }
   .error-content .tag-group .tag-item .ic-consult {
     background: url(http://www.shuguo.chat/images/website-www/404page/ic-consult.png) center center no-repeat;
     background-size: 90%
   }
   .error-content .tag-group .tag-item .error-icon {
     position: relative;
     top: 8px
   }
   .gh, .gh svg {
     position: absolute
   }
   .rotate {
     transform: rotate(7deg);
     -ms-transform: rotate(7deg);
     -moz-transform: rotate(7deg);
     -webkit-transform: rotate(7deg);
     -o-transform: rotate(7deg)
   }
   .toe {
     word-break: keep-all;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
   }
   button, input[type=submit], input[type=reset], input[type=button] {
     -webkit-appearance: none
   }
   .gh {
     display: block;
     height: 60px;
     width: 60px;
     right: 0;
     top: 0;
     cursor: pointer;
     -webkit-transform: translateZ(0) rotate(0);
     -ms-transform: translateZ(0) rotate(0);
     transform: translateZ(0) rotate(0);
     -webkit-transition: -webkit-transform .4s cubic-bezier(.4, .01, .165, .99);
     transition: transform .4s cubic-bezier(.4, .01, .165, .99);
     outline: 0;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
     -webkit-tap-highlight-color: transparent
   }
   .gh svg {
     font-size: 18px;
     left: 0;
     top: 0;
     -webkit-transform: translateZ(0) rotate(0);
     -ms-transform: translateZ(0) rotate(0);
     transform: translateZ(0) rotate(0);
     fill: #fff;
     -webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99);
     transition: transform .25s cubic-bezier(.4, .01, .165, .99)
   }
   .gh rect {
     left: 0;
     top: 0;
     -webkit-transition: -webkit-transform .2s .2s;
     transition: transform .2s .2s
   }
   .gh svg.top .rect {
     -webkit-transform: translate3d(0, -8px, 0);
     -ms-transform: translate3d(0, -8px, 0);
     transform: translate3d(0, -8px, 0)
   }
   .gh svg.bottom rect {
     -webkit-transform: translate3d(0, 8px, 0);
     -ms-transform: translate3d(0, 8px, 0);
     transform: translate3d(0, 8px, 0)
   }
   .selected .gh {
     -webkit-transform: translateZ(0) rotate(90deg);
     -ms-transform: translateZ(0) rotate(90deg);
     transform: translateZ(0) rotate(90deg);
     -webkit-transition: -webkit-transform .4s cubic-bezier(.4, .01, .165, .99);
     transition: transform .4s cubic-bezier(.4, .01, .165, .99)
   }
   .selected .gh svg {
     -webkit-transition: -webkit-transform .25s .2s cubic-bezier(.4, .01, .165, .99);
     transition: transform .25s .2s cubic-bezier(.4, .01, .165, .99);
     -webkit-transform: translateZ(0) rotate(45deg);
     -ms-transform: translateZ(0) rotate(45deg);
     transform: translateZ(0) rotate(45deg)
   }
   .selected .gh svg.bottom {
     -webkit-transform: translateZ(0) rotate(-45deg);
     -ms-transform: translateZ(0) rotate(-45deg);
     transform: translateZ(0) rotate(-45deg)
   }
   .selected .gh svg.top {
     -webkit-transform: translateZ(0) rotate(45deg);
     -ms-transform: translateZ(0) rotate(45deg);
     transform: translateZ(0) rotate(45deg)
   }
   .selected .gh .rect {
     -webkit-transition: -webkit-transform .2s;
     transition: transform .2s
   }
   .selected .gh svg.bottom rect, .selected .gh svg.top rect {
     -webkit-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
   }
   @media only screen and (max-width:800px) {
     .common-conten, .index_box, .logo {
       width: auto
     }
     .gh {
       display: block
     }
     nav {
       display: none
     }
     .selected nav {
       display: block
     }
     .index_box {
       height: auto;
       margin-top: 0;
       margin-bottom: 0
     }
     .index_box a, .index_box li {
       position: static !important;
       display: block;
       float: left;
       width: 25%;
       height: auto
     }
     .copy_tight {
       width: auto;
       clear: both
     }
     header nav {
       position: relative
     }
     .nav_lists {
       width: auto;
       height: auto
     }
     .nav_lists li {
       float: none;
       width: auto;
       border-bottom: #283633 solid 1px;
       text-align: center
     }
     .index_header {
       width: auto;
       margin-top: 10px;
       margin-bottom: 10px
     }
     #index-body {
       background: #101e1b
     }
     .registerlogin {
       float: left;
       margin-left: 15px
     }
     .common-nav {
       height: auto
     }
     .foot-menu, .personal-head, .personal_header {
       width: auto
     }
     .article_left {
       width: auto;
       float: none;
       padding: 0 20px
     }
     .imgshow2 {
       width: auto;
       padding-left: 60px;
       padding-right: 60px;
       margin: 0 20px;
       height: auto
     }
     .imgshow2 ul {
       height: auto;
       position: static
     }
     .imgshow2 .imgshow-box, .imgshow2 ul li {
       width: auto;
       height: auto
     }
     .service {
       margin-top: 40px
     }
     .content-style1 {
       margin: 10px 20px 0
     }
     .rec_content, .tl_form {
       width: auto;
       margin-right: 20px
     }
     .bf_right, .pl_right {
       margin-top: 20px;
       float: none
     }
     .content-style1 br {
       display: none
     }
     .tl_form {
       margin-left: 0;
       float: none
     }
     .xs_page {
       width: auto;
       clear: both
     }
     .tl_ul {
       width: auto
     }
     .tl_li_rc {
       height: auto
     }
     .tl_contact {
       height: auto;
       padding-bottom: 20px
     }
     .rec_content {
       margin-left: 20px
     }
     .pl_jq, .pl_xq {
       margin-left: 0;
       width: auto
     }
     .rec_pic {
       float: none;
       width: auto;
       height: auto;
       text-align: center
     }
     .rec_pic img {
       height: auto
     }
     .bf_right {
       width: auto
     }
     .pl_pic {
       float: none
     }
     .pl_right {
       width: auto;
       height: auto;
       padding: 20px
     }
     .pl_jq {
       border-bottom: #fff solid 1px;
       background: 0 0;
       margin-top: 0
     }
     .rec_box {
       width: 99%
     }
     .rec_play {
       float: none
     }
     .plan_list {
       margin-top: 20px;
       float: none
     }
     .if_more .xs_titles {
       margin-left: auto;
       margin-right: auto
     }
     .in_pic {
       width: auto
     }
     .in_comment {
       float: none
     }
     .in_box {
       width: 98%
     }
     #common-body {
       padding: 0;
       width: auto
     }
     #play_meng {
       padding: 0 10px;
       background: #212121
     }
     #play_meng .article_left {
       padding: 0
     }
     .infor_list {
       float: none
     }
     .rec_comment {
       width: auto;
       float: none;
       padding-top: 20px
     }
     .rec_comment textarea {
       width: 98% !important
     }
     .rg_next {
       width: auto
     }
     .input-focus, .rg_tx {
       display: block;
       margin-left: 0;
       margin-top: 20px;
       margin-bottom: 0
     }
     .rg_next .xs_titles {
       margin-left: 0;
       margin-top: 0
     }
     .rg_next span {
       display: block;
       margin-top: 10px
     }
     .rg_next p {
       margin-bottom: 20px
     }
   }
   @media only screen and (max-width:640px) {
     .list_name, .tl_c {
       font-size: 14px
     }
     .list_name, .xs_time {
       word-break: keep-all;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis
     }
     .if_pic p, .xx_box {
       display: none
     }
     .ab_pic, .ab_title, .rg_next, .tl_ul {
       float: none
     }
     .foot-menu {
       line-height: 22px;
       padding: 0 20px
     }
     #bf_dz, .list_name, .tl_c {
       line-height: 1.5
     }
     .tl_ul {
       height: auto;
       overflow: hidden;
       clear: both
     }
     .tl_li {
       width: 47%;
       height: auto !important;
       margin-bottom: 10px;
       margin-right: 3%
     }
     .ab_pic, .if_pic, .if_ul li, .tl_pic {
       height: auto
     }
     .tl_li:nth-child(even) {
       margin-right: 0
     }
     .tl_pic {
       width: auto
     }
     .rg_next {
       margin-left: 0
     }
     .input-focus, .rg_tx {
       width: 98%
     }
     .if_ul li {
       width: 45%;
       margin-right: 4%;
       padding-bottom: 10px
     }
     .ab_pic, .ab_title, .if_ds, .if_pic {
       width: auto
     }
     .ab_pic, .if_ul li:nth-child(even) {
       margin-right: 0
     }
     .if_ds {
       text-align: center;
       margin-top: 10px
     }
     #bf_dz {
       font-size: 18px
     }
   }
   #scrollUp {
     background-image: url(http://www.shuguo.chat/scrollup/img/top.png);
     bottom: 20px;
     right: 20px;
     width: 38px;
     height: 38px
   }
   .login, .login .login-box .login-form .showThirdParty i:after, .mask {
     bottom: 0
   }
   .ui_lock_scroll body {
     overflow: hidden
   }
   .ui_buttons input, .ui_content, .ui_title {
     font: 12px/1.333 tahoma, arial, \5b8b\4f53, sans-serif
   }
   table.ui_border, table.ui_dialog {
     width: auto;
     border-spacing: 0
   }
   .ui_border td, .ui_dialog td {
     padding: 0
   }
   .ui_dialog {
     background: #FFF
   }
   .ui_title {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     cursor: move;
     -moz-user-select: none;
     -webkit-user-select: none;
     padding: 0 100px 0 0
   }
   .ui_title_buttons {
     position: absolute;
     cursor: pointer;
     font-size: 0;
     letter-spacing: -.5em;
     top: 0;
     right: 5px
   }
   .ui_main {
     min-width: 6em;
     min-width: 0\9;
     text-align: center
   }
   .ui_content {
     display: inline-block;
     zoom: 1;
     text-align: left
   }
   .ui_content.ui_state_full {
     display: block;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0 !important
   }
   .ui_content.ui_state_full iframe {
     border-radius: 0 0 5px 5px
   }
   .ui_loading {
     width: 96px;
     height: 32px;
     text-align: left;
     text-indent: -9999em;
     overflow: hidden;
     background: url(http://www.shuguo.chat/skins/icons/loading.gif) center center no-repeat
   }
   .ui_icon_bg {
     margin: 20px 0 20px 15px;
     display: none
   }
   .ui_close, .ui_max, .ui_min, .ui_res {
     position: relative;
     letter-spacing: normal;
     text-align: center;
     zoom: 1;
     vertical-align: top;
     font-family: tahoma, arial, \5b8b\4f53, sans-serif
   }
   .ui_max b, .ui_min b, .ui_res_b, .ui_res_t {
     display: block;
     position: absolute;
     overflow: hidden;
     cursor: pointer
   }
   .ui_close {
     font-weight: 500;
     outline: 0
   }
   .ui_state_tips .ui_main {
     min-width: 3em;
     padding: 10px !important
   }
   .ui_state_tips .ui_content {
     margin-top: -2px;
     padding: 8px 10px !important
   }
   .ui_state_tips .ui_icon_bg {
     margin: 5px 0 6px 9px
   }
   .ui_res, .ui_state_tips .ui_title, .ui_state_tips .ui_title_buttons {
     display: none
   }
   #ldg_lockmask {
     background: #DCE2F1;
     filter: alpha(opacity=60);
     opacity: .6
   }
   .ui_inner {
     background: #FFF
   }
   .ui_title_bar {
     width: 100%;
     position: relative
   }
   .ui_title {
     display: block;
     height: 55px;
     line-height: 55px;
     font-size: 14px;
     font-weight: 700;
     color: #888;
     background: 0 0;
     padding-left: 3px;
     border-bottom: #eee solid 1px
   }
   .ui_lb, .ui_lt, .ui_rb, .ui_rt {
     width: 15px;
     height: 15px
   }
   .ui_state_focus .ui_title {
     color: #505050
   }
   .ui_b, .ui_close, .ui_lb, .ui_lt, .ui_rb, .ui_rt, .ui_t {
     background-image: url(http://www.shuguo.chat/skins/idialog/idialog_s.png);
     background-repeat: no-repeat
   }
   .ui_lt {
     background-position: 0 0
   }
   .ui_rt {
     background-position: -15px 0
   }
   .ui_lb {
     background-position: 0 -15px
   }
   .ui_rb {
     background-position: -15px -15px
   }
   .ui_b, .ui_t {
     background-repeat: repeat-x
   }
   .ui_t {
     background-position: 0 -30px
   }
   .ui_b {
     background-position: 0 -45px
   }
   .ui_l, .ui_r {
     background-image: url(http://www.shuguo.chat/skins/idialog/idialog_s2.png);
     background-repeat: repeat-y
   }
   .ui_l {
     background-position: left top
   }
   .ui_r {
     background-position: right bottom
   }
   .ui_max, .ui_res {
     margin-right: 10px
   }
   .ui_close, .ui_max, .ui_min, .ui_res {
     margin-left: 3px;
     color: #888;
     font-size: 20px;
     width: 22px;
     height: 22px;
     line-height: 18px;
     display: none !important
   }
   .ui_min {
     margin-left: 0
   }
   .ui_min_b {
     top: 10px;
     left: 5px;
     width: 12px;
     height: 2px;
     border-bottom: 2px solid #888
   }
   .ui_max_b {
     top: 5px;
     left: 5px;
     width: 10px;
     height: 7px
   }
   .ui_res_b, .ui_res_t {
     top: 8px;
     left: 3px;
     width: 10px;
     height: 5px
   }
   .ui_res_b {
     top: 4px;
     left: 6px
   }
   .ui_max_b, .ui_res_b, .ui_res_t {
     border: 1px solid #888;
     border-top-width: 3px
   }
   .ui_res_t {
     background: #FFF
   }
   .ui_max:hover b, .ui_min:hover b, .ui_res:hover b, .ui_rese:hover b {
     border-color: #2492FF
   }
   .ui_close {
     position: absolute;
     right: -26px;
     top: -21px;
     width: 34px;
     height: 34px;
     font-size: 0;
     line-height: 0;
     overflow: hidden;
     background-position: 0 -60px
   }
   .ui_close:focus, .ui_close:hover {
     background-position: 0 -94px;
     cursor: pointer
   }
   @media screen and (min-width:0) {
     .ui_lb, .ui_lt, .ui_rb, .ui_rt {
       width: 5px;
       height: 5px
     }
     .ui_b, .ui_l, .ui_lb, .ui_lt, .ui_r, .ui_rb, .ui_rt, .ui_t {
       background: 0 0
     }
     .ui_lb {
       border-radius: 0 0 0 5px
     }
     .ui_rb {
       border-radius: 0 0 5px
     }
     .ui_border {
       border-radius: 5px;
       background: #FFF;
       padding: 0 25px;
       box-shadow: rgba(0, 0, 0, .6) 0 0 8px
     }
     .ui_state_tips {
       border-radius: 50px
     }
   }
   .ui_buttons {
     white-space: nowrap;
     padding: 10px 8px;
     text-align: center
   }
   .ui_buttons input::-moz-focus-inner {
     border: 0;
     padding: 0;
     margin: 0
   }
   .ui_buttons input {
     height: 36px;
     line-height: 36px;
     padding: 0 45px;
     margin: 0 20px;
     cursor: pointer;
     display: inline-block;
     font-size: 14px;
     text-align: center;
     overflow: visible;
     color: #333;
     border: 1px solid #666;
     border-radius: 3px;
     background: #fff
   }
   input.ui_state_highlight {
     border-color: #1ab993;
     color: #fff;
     background-color: #1ab993
   }
   .ui_state_tips .ui_content {
     text-align: center;
     font-weight: 700;
     color: #323232
   }
   .ui_main {
     padding: 20px
   }
   .mask {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     z-index: 999;
     background: #000;
     opacity: .6
   }
   .activePhone {
     position: fixed;
     z-index: 1000;
     top: 50%;
     left: 50%;
     width: 340px;
     height: 450px;
     margin: -225px 0 0 -170px;
     background: url(http://www.shuguo.chat/images/website-www/v4/login/bindphone_bg.png) bottom center no-repeat #fff;
     border-radius: 4px;
     box-shadow: 0 0 10px rgba(49, 105, 176, .2);
     overflow: hidden
   }
   .activePhone .head {
     height: 50px;
     line-height: 50px;
     text-align: center;
     background: #F5F7FA
   }
   .activePhone .head span {
     color: #3169B0;
     font-size: 22px
   }
   .activePhone .head .close {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 15px;
     height: 15px;
     padding: 17.5px 15px
   }
   .activePhone .head .close i {
     display: block;
     width: 15px;
     height: 15px;
     background: url(http://www.shuguo.chat/images/website-www/v4/login/icon-bingphone_close.png) no-repeat
   }
   .activePhone .head .close:hover {
     background: #eeeff3
   }
   .activePhone .head .close:hover i {
     background-position: -15px 0
   }
   .activePhone .body {
     padding: 0 45px
   }
   .activePhone .body .desc {
     margin-top: 30px;
     margin-bottom: 30px;
     font-size: 14px;
     line-height: 18px;
     color: #2B343A
   }
   .activePhone .body .input-group:after {
     display: block;
     width: 0;
     height: 0;
     clear: both
   }
   .activePhone .body .input-group input {
     display: inline-block;
     border: 1px solid #BBC7CE;
     height: 23px;
     line-height: 23px;
     padding: 7.5px;
     border-radius: 3px;
     outline-color: #3AA8E8
   }
   .activePhone .body .input-group input.input_full {
     width: 233px
   }
   .activePhone .body .input-group input.input_sm {
     width: 123px
   }
   .activePhone .body .input-group .inputBtn_sm {
     float: right;
     display: inline-block;
     width: 98px;
     height: 38px;
     line-height: 38px;
     border: 1px solid #76BCF5;
     background: #f2f5f7;
     border-radius: 3px;
     font-size: 14px;
     color: #3984E6;
     text-align: center;
     text-decoration: none
   }
   .activePhone .body .input-group .inputBtn_sm.disabled {
     background: #F2F5F7;
     border-color: #F2F5F7;
     color: #A8B4BB
   }
   .activePhone .body .submit-group {
     margin-top: 30px
   }
   .activePhone .body .submit-group .btn_blue {
     display: block;
     width: 100%;
     height: 40px;
     line-height: 40px;
     background: #3169B0;
     font-size: 16px;
     color: #fff;
     border-radius: 3px;
     text-align: center;
     transition: box-shadow .5s;
     box-shadow: 0 0 6px #ccc
   }
   .activePhone .body .submit-group .btn_blue:hover {
     box-shadow: 0 0 10px #3169B0
   }
   .activePhone .body .notice {
     font-size: 14px;
     color: #139DE8
   }
   .activePhone .body .tip {
     margin: 0;
     color: #F1625D;
     font-size: 12px;
     line-height: 20px;
     height: 20px
   }
   body {
     color: #111;
     background: #eee
   }
   body, button, div, form, html, input, li, p, select, ul {
     margin: 0;
     padding: 0
   }
   img {
     border: 0;
     vertical-align: top
   }
   li, ul {
     list-style-type: none
   }
   button, input, select {
     font-size: 12px;
     vertical-align: middle;
     font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif, '宋体'
   }
   button {
     cursor: pointer
   }
   a:hover {
     text-decoration: underline
   }
   #jihuodiv .fblue, .forget_form .check_mail_btn:hover, .login .btn_blue, .login .findPsw-box.phone .body .fpsw-step2.phone a, .login .inputBtn_sm, .login .login-box .login-form .thirdParty a, a.goto_mail, a.secode {
     text-decoration: none
   }
   .fixed:after {
     content: ".";
     display: block;
     clear: both;
     height: 0;
     visibility: hidden
   }
   .login .login-box .login-form .showThirdParty i:after, .login .login-box .login-form .showThirdParty i:before {
     content: '';
     border-top: 1px solid #BBC7CE;
     transition: all .5s;
     left: 0;
     width: 10px;
     position: absolute
   }
   .fixed {
     display: block;
     min-height: 1%
   }
   * html .fixed {
     height: 1%
   }
   .clear {
     clear: both
   }
   .fl, .fr {
     display: inline;
     float: left
   }
   .fr {
     float: right
   }
   .ins {
     border: 1px solid #ddd;
     border-right-color: #eee;
     border-bottom-color: #eee;
     padding: 8px;
     display: table-cell;
     display: inline\9;
     height: 20px;
     font-size: 14px;
     line-height: 18px
   }
   .btns {
     cursor: pointer;
     border: none
   }
   .login {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     background: url(http://www.shuguo.chat/attachment/login.png) 50% 90% no-repeat #f7f7f7;
     font-family: STHeitiSC-Light, microsoft yahei
   }
   #jihuodiv .fblue, #jihuodiv .info {
     font-family: Arial, Helvetica, sans-serif, "宋体"
   }
   .login.loginWin {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, .6)
   }
   .login input {
     display: inline-block;
     border: 1px solid #BBC7CE;
     height: 23px;
     line-height: 23px;
     padding: 7.5px;
     border-radius: 3px;
     outline-color: #3AA8E8
   }
   .login .logoNslogen {
     width: 177px;
     height: 87px;
     margin: 50px auto 10px;
     background: url(http://www.shuguo.chat/template/default/images/website-www/v4/login/loginLogo.png) center no-repeat;
     background-size: 100%
   }
.login .logoNslogen img{ height: 100%;}
   .login .login-box {
     position: relative
   }
   .login .login-box .login-form {
     width: 300px;
     height: auto;
     margin: 0 auto 20px;
     background: #fff;
     border-radius: 4px;
     box-shadow: 0 0 10px rgba(49, 105, 176, .2);
     overflow: hidden
   }
   .login.loginWin .login-box .login-form {
     width: 340px;
     margin: 186px auto 20px;
     background: url(http://www.shuguo.chat/images/website-www/v4/login/bindphone_bg.png) bottom center no-repeat #fff
   }
   .login .login-box .login-form .head {
     position: relative;
     overflow: hidden;
     border-bottom: 1px solid #ddd
   }
   .login.loginWin .head .close {
     position: absolute;
     top: 0;
     right: 0;
     display: block;
     width: 15px;
     height: 15px;
     padding: 17.5px 15px
   }
   .login.loginWin .head .close i {
     display: block;
     width: 15px;
     height: 15px;
     background: url(http://www.shuguo.chat/images/website-www/v4/login/icon-bingphone_close.png) no-repeat
   }
   .login.loginWin .head .close:hover {
     background: #eeeff3
   }
   .login.loginWin .head .close:hover i {
     background-position: -15px 0
   }
   .login.loginWin .login-box .login-form .head {
     background: #F5F7FA
   }
   .login .login-box .login-form .tab {
     float: left;
     width: 50%;
     height: 57px;
     line-height: 57px;
     font-size: 16px;
     color: #A8B4BB;
     text-align: center;
     border-bottom: 5px solid #fff;
     cursor: pointer
   }
   .login.loginWin .login-box .login-form .tab {
     width: 130px;
     height: 46px;
     margin-right: 10px;
     border-bottom: 4px solid #F5F7FA
   }
   .login .login-box .login-form .tab:hover {
     color: #6F797E
   }
   .login .login-box .login-form .tab.selected {
     border-bottom-color: #3169B0;
     color: #3169B0
   }
   .login .login-box .login-form .tabcont {
     display: none;
     margin: 30px 25px 60px
   }
   .login.loginWin .login-box .login-form .tabcont {
     margin: 30px 45px 111px
   }
   .login .login-box .login-form .tabcont.selected {
     display: block
   }
   .login .login-box .login-form .tabcont .input-group {
     font-size: 0;
     overflow: hidden
   }
   .login .input-group input.error {
     border: 1px solid #F86D68
   }
   .login .inputBtn_sm {
     display: inline-block;
     width: 98px;
     height: 38px;
     line-height: 38px;
     border: 1px solid #76BCF5;
     background: #f2f5f7;
     border-radius: 3px;
     font-size: 14px;
     color: #3984E6;
     text-align: center
   }
   .login .inputBtn_sm.disabled {
     background: #F2F5F7;
     color: #A8B4BB;
     border-color: #F2F5F7
   }
   .login .login-box .login-form .tabcont .inputBtn_sm.btn_link {
     width: 60px;
     font-size: 12px;
     color: #5A6266;
     background: 0 0;
     border: 1px solid #fff
   }
   .login .login-box .login-form .tabcont .input_full {
     width: 233px
   }
   .login .login-box .login-form .tabcont .input_sm {
     width: 127px
   }
   .login .login-box .login-form .tabcont .input_md {
     width: 163px
   }
   .login .input-group .tip {
     min-width: 10px;
     height: 20px;
     padding-left: 5px;
     line-height: 20px;
     font-size: 12px;
     color: #F1625D;
     text-align: left !important
   }
   .login .clear {
     clear: both
   }
   .login .input-group {
     position: relative
   }
   .login .input-group .icon {
     position: absolute;
     top: 12.5px;
     right: -25px;
     width: 15px;
     height: 15px;
     background: url(http://www.shuguo.chat/images/website-www/v4/login/input-group_icon.png) no-repeat;
     opacity: 0;
     transition: opacity .5s
   }
   .login .input-group .icon.error {
     background-position: -15px 0;
     opacity: 1
   }
   .login .input-group .icon.good {
     background-position: 0 0;
     opacity: 1
   }
   .login .login-box .login-form .tabcont .submit-group {
     margin-top: 10px
   }
   .login .btn_blue {
     display: block;
     width: 100%;
     height: 40px;
     background: #3169B0;
     font-size: 16px;
     color: #fff;
     border-radius: 3px;
     text-align: center;
     transition: box-shadow .5s;
     box-shadow: 0 0 6px #ccc
   }
   .login .btn_blue:hover {
     box-shadow: 0 0 10px #3169B0
   }
   .login .findPsw-box, .login .login-box .downloadApp {
     border-radius: 4px;
     box-shadow: 0 0 10px rgba(49, 105, 176, .2)
   }
   .login .login-box .login-form .thirdParty {
     text-align: center;
     color: #2B343A;
     font-size: 12px
   }
   .login .login-box .login-form .thirdParty a {
     color: #5A6266
   }
   .login .login-box .login-form .thirdParty .thirdParty-cont {
     overflow: hidden;
     height: 0
   }
   .login .login-box .login-form .thirdParty .thirdParty-cont table {
     width: 100%
   }
   .login .login-box .login-form .thirdParty .thirdParty-cont td {
     width: 33.33%
   }
   .login .login-box .login-form .thirdParty .thirdParty-cont td a {
     display: block;
     position: relative;
     padding-top: 28px;
     text-align: center
   }
   .login .login-box .login-form .thirdParty .thirdParty-cont td a i {
     position: absolute;
     top: 0;
     left: 50%;
     margin-left: -14px;
     width: 28px;
     height: 28px;
     background: url(http://www.shuguo.chat/images/website-www/v4/login/icon-sprite.png) no-repeat
   }
   .login .login-box .login-form .thirdParty .thirdParty-cont td a.wechat i {
     background: url(http://www.shuguo.chat/template/default/images/website-www/v4/login/weixin.svg) center center no-repeat;
     background-size: 100%
   }
   .login .login-box .login-form .thirdParty .thirdParty-cont td a.weibo i {
     background: url(http://www.shuguo.chat/template/default/images/website-www/v4/login/weibo.svg) center center no-repeat;
     background-size: 100%
   }
   .login .login-box .login-form .thirdParty .thirdParty-cont td a.qq i {
     background: url(http://www.shuguo.chat/template/default/images/website-www/v4/login/qq.svg) center center no-repeat;
     background-size: 100%
   }
   .login .login-box .login-form .showThirdParty {
     display: block;
     width: 100%;
     height: 16px;
     margin-top: 10px;
     background: #F5F7FA
   }
   .login .login-box .login-form .showThirdParty i {
     display: block;
     position: relative;
     top: 8px;
     width: 10px;
     height: 0;
     padding: 0 0 3px;
     margin: 6.5px auto 3.5px;
     border-top: 1px solid #BBC7CE;
     transition: all .5s
   }
   .login .login-box .login-form .showThirdParty i:before {
     top: -4px
   }
   .login .login-box .login-form .showThirdParty.close i {
     border-top: 0
   }
   .login .login-box .login-form .showThirdParty.close i:before {
     top: -1px;
     transform: rotate(45deg)
   }
   .login .login-box .login-form .showThirdParty.close i:after {
     bottom: 3px;
     transform: rotate(135deg)
   }
   .login .login-box .downloadApp {
     position: absolute;
     bottom: -70px;
     left: 50%;
     margin-left: -100px;
     overflow: hidden;
     width: 200px;
     background: #fff;
     cursor: pointer
   }
   .login .login-box .downloadApp .qrcode {
     width: 170px;
     height: 0;
     margin: 0 15px;
     overflow: hidden;
     transition: height .5s
   }
   .login .login-box .downloadApp:hover .qrcode {
     height: 170px;
     margin: 15px
   }
   .login .login-box .downloadApp h1 {
     overflow: hidden;
     line-height: 50px;
     font-size: 14px;
     color: #3169B0;
     font-weight: 400;
     text-align: center
   }
   .login .login-box .downloadApp .icon-qrcode {
     position: relative;
     top: 3px;
     margin-right: 4px;
     display: inline-block;
     width: 15px;
     height: 15px;
     background: url(http://www.shuguo.chat/template/default/images/website-www/v4/login/icon-sprite.png) -168px 0 no-repeat
   }
   .login .findPsw-box {
     width: 500px;
     height: 360px;
     margin: 0 auto;
     background: #fff
   }
   .login .findPsw-box .head {
     height: 60px;
     line-height: 60px;
     background: #F5F7FA;
     text-align: center;
     color: #3169B0;
     font-size: 22px
   }
   .login .findPsw-box .head span {
     display: none;
     opacity: 0;
     transition: opacity .5s
   }
   .jqdialog.alert, .jqdialog.toast {
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -webkit-transition: all .5s
   }
   .login .findPsw-box .body .input-group, .login .findPsw-box .body .submit-group {
     width: 300px;
     margin-top: 5px;
     margin-left: auto;
     margin-right: auto
   }
   .login .findPsw-box .body .input-group .input_full {
     width: 283px
   }
   .login .findPsw-box .body .input-group .input_sm {
     width: 173px
   }
   .login .findPsw-box .body .input-group .inputBtn_sm {
     width: 98px
   }
   .login .findPsw-box .body .fpsw-done, .login .findPsw-box .body .fpsw-step1, .login .findPsw-box .body .fpsw-step2 {
     display: none
   }
   .login .findPsw-box.step1 .body .fpsw-step1 {
     display: block;
     padding-top: 60px
   }
   .login .findPsw-box.email .head .rspsw-title, .login .findPsw-box.phone .head .rspsw-title, .login .findPsw-box.step1 .head .fpsw-title {
     display: block;
     opacity: 1
   }
   .login .findPsw-box.email .body .fpsw-step2.email, .login .findPsw-box.phone .body .fpsw-step2.phone {
     display: block
   }
   .login .findPsw-box.done .head .done-title {
     display: block;
     opacity: 1
   }
   .login .findPsw-box.email .body .fpsw-step2.email {
     padding: 40px 60px 0;
     font-size: 14px
   }
   .login .findPsw-box.email .body .fpsw-step2.email li a, .login .findPsw-box.email .body .fpsw-step2.email p a {
     color: #139DE8;
     text-decoration: none
   }
   .login .findPsw-box.email .body .fpsw-step2.email h2, .login .findPsw-box.email .body .fpsw-step2.email p {
     text-align: center
   }
   .login .findPsw-box.email .body .fpsw-step2.email h2 {
     font-size: 18px
   }
   .login .findPsw-box.email .body .fpsw-step2.email .checkMailbox {
     width: 160px;
     margin: 40px auto
   }
   .login .findPsw-box.email .body .fpsw-step2.email ul {
     margin-left: 30px
   }
   .login .findPsw-box.phone .body .fpsw-step2.phone {
     padding: 15px 100px 0
   }
   .login .findPsw-box.phone .body .fpsw-step2.phone .showNum {
     margin: 0 0 11px
   }
   .login .findPsw-box.done .body .fpsw-done {
     display: block;
     padding-top: 57px;
     text-align: center
   }
   .login .findPsw-box.done .body .fpsw-done .icon-success {
     width: 46px;
     height: 46px;
     margin: 0 auto 10px;
     background: url(http://www.shuguo.chat/images/website-www/v4/login/icon-success.png) no-repeat
   }
   .login .findPsw-box.done .body .fpsw-done h1 {
     margin-bottom: 10px;
     color: #2B343A;
     font-size: 18px
   }
   .login .findPsw-box.done .body .fpsw-done p {
     margin-bottom: 35px;
     color: #6F797E;
     font-size: 14px
   }
   .login .findPsw-box.done .body .fpsw-done .btn_blue {
     display: inline-block;
     width: 160px
   }
   input.ein {
     border: 1px solid red
   }
   .input-1 {
     padding: 5px;
     width: 230px;
     height: 30px;
     border: 1px solid #ccc
   }
   .blue_btn-1 {
     border: 0;
     font-size: 14px;
     color: #fff;
     background-color: #4095d6;
     width: 240px;
     height: 42px;
     border-radius: 3px;
     margin-top: 20px;
     margin-bottom: 20px;
     cursor: pointer
   }
   .username_label {
     font-size: 14px;
     width: 90px;
     display: inline-block
   }
   .send_email {
     width: 240px
   }
   a.secode {
     padding: 8px 10px;
     border: 1px solid #4095d6;
     color: #4095d6 !important;
     margin-left: 20px;
     border-radius: 8px
   }
   a.sec_refresh {
     border: 1px solid #ddd;
     color: #999 !important
   }
   .signup_btn {
     margin-left: 90px
   }
   .thirdpart {
     border-top: 1px dashed #ddd;
     padding: 30px 0 20px
   }
   .thirdpart .name {
     font-size: 14px;
     color: #999;
     padding-left: 85px
   }
   .thirdpart .ico {
     display: inline-block;
     vertical-align: -10px;
     width: 30px;
     height: 30px;
     background: url(http://lappbox.xinli001.com/images/www/login-share.png) no-repeat;
     margin-left: 5px
   }
   .thirdpart .ico-wechat {
     background-position: -149px 0
   }
   .thirdpart .ico-sina {
     background-position: -60px 0
   }
   a.goto_mail {
     display: block;
     width: 160px;
     line-height: 42px;
     margin: 0 auto;
     color: #fff
   }
   .gotosite {
     width: 140px
   }
   #jihuodiv p {
     font-size: 14px;
     text-align: center;
     padding-left: 0
   }
   #jihuodiv .fblue {
     font-size: 12px;
     color: #4095d6
   }
   #jihuodiv .info {
     width: 368px;
     margin: 10px auto 25px;
     background: url(http://www.shuguo.chat/media/images/active/i.jpg) 15px 0 no-repeat;
     font-size: 14px;
     color: #989898;
     padding-top: 10px;
     padding-bottom: 20px;
     line-height: 24px
   }
   #jihuodiv .num2 a {
     display: block;
     overflow: hidden;
     line-height: 22px;
     text-align: center
   }
   #jihuodiv .num2 .fblue {
     font-size: 14px
   }
   #jihuodiv .bor {
     width: 100%;
     border-top: 1px solid #f3f3f3;
     margin: 0
   }
   #jihuodiv .jihuo_tips {
     font-size: 12px;
     color: #a2a2a2;
     padding-top: 5px;
     padding-left: 45px
   }
   #jihuodiv .jihuo_tips p {
     height: 10px;
     line-height: 20px;
     text-align: left
   }
   #jihuodiv .jihuo_tips .content {
     width: 100%;
     padding-bottom: 20px
   }
   #jihuodiv .jihuo_tips .content p {
     font-size: 12px
   }
   #jihuodiv .jihuo_tips .pot {
     font-size: 25px;
     color: #dcdcdc;
     font-style: normal
   }
   #jihuodiv .content li {
     line-height: 20px
   }
   .forget_form {
     margin-left: 38px
   }
   .login .parts .forget_form .check_mail_tip {
     padding: 0;
     font-size: 14px;
     margin-top: 30px
   }
   .forget_form .check_mail_btn {
     display: block;
     border: 0;
     font-size: 14px;
     color: #fff;
     background-color: #4095d6;
     width: 240px;
     height: 42px;
     border-radius: 3px;
     margin-top: 20px;
     margin-bottom: 20px;
     cursor: pointer;
     text-align: center;
     line-height: 42px
   }
   .forget_mobile_form {
     margin-left: 38px;
     margin-top: -14px
   }
   .forget_mobile_form input {
     margin-top: 10px
   }
   .jqdialog.mask {
     position: fixed;
     z-index: 999;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #000;
     opacity: .4
   }
   .jqdialog.toast {
     position: fixed;
     z-index: 1000;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     top: 50%;
     left: 50%;
     width: auto;
     transform: translate(-50%, -50%);
     padding: 0 36px;
     line-height: 60px;
     background: rgba(0, 0, 0, .8);
     color: #fff;
     font-size: 18px;
     -webkit-border-radius: 30px;
     border-radius: 30px;
     opacity: 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     transition: all .5s
   }
   .jqdialog.alert, .jqdialog.confirm {
     position: fixed;
     z-index: 1000;
     -webkit-box-sizing: border-box;
     top: 50%;
     left: 50%;
     min-width: 6rem;
     background: #fff;
     opacity: 0
   }
   .jqdialog.alert {
     box-sizing: border-box;
     max-width: 8rem;
     transform: translate(-50%, -50%);
     color: #3c4043;
     font-size: .5rem;
     -webkit-border-radius: .1875rem;
     border-radius: .1875rem;
     transition: all .5s
   }
   .jqdialog.alert .foot, .jqdialog.alert .head {
     color: #28abe3;
     height: 1.40625rem;
     line-height: 1.40625rem;
     font-size: .5rem
   }
   .jqdialog.alert .head {
     border-bottom: .03125rem solid #ddd;
     text-align: center;
     font-weight: 700
   }
   .jqdialog.alert .body {
     padding: .375rem
   }
   .jqdialog.alert .foot {
     border-top: .03125rem solid #ddd
   }
   .jqdialog.alert .foot .jqdialogBtn {
     display: block;
     text-align: center
   }
   .jqdialog.confirm {
     box-sizing: border-box;
     max-width: 9rem;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     color: #3c4043;
     font-size: .5rem;
     -webkit-border-radius: .1875rem;
     border-radius: .1875rem;
     -webkit-transition: all .5s;
     transition: all .5s
   }
   .jqdialog.confirm .head {
     height: 1.40625rem;
     line-height: 1.40625rem;
     border-bottom: .03125rem solid #ddd;
     font-size: .5rem;
     text-align: center;
     color: #28abe3;
     font-weight: 700
   }
   .jqdialog.confirm .body {
     padding: .375rem;
     font-size: .5rem
   }
   .jqdialog.confirm .foot {
     height: 1.40625rem;
     line-height: 1.40625rem;
     border-top: .03125rem solid #ddd;
     font-size: .5rem
   }
   .jqdialog.confirm .foot .jqdialogBtn {
     display: inline-block;
     width: 50%;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     text-align: center;
     color: #28abe3
   }
   .jqdialog.confirm .foot .jqdialogBtn:last-child {
     border-left: .03125rem solid #ddd
   }