/*
* @Filename:style.css 
* @Version:1.0.0
* @Author:Lober
* @Website:doudaren.cn
* @Date:2025-12-30 21:08:33
* @Last Modified by:Lober12-18 16:23:46
* @Email:boycn@live.com
*/
/*reset*/
a, a:hover, img, .form-control, .form-control:hover, button {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
img {
    border: 0;
    outline: 0;
    max-width: 100%;
}
img, svg {
    vertical-align: middle;
}

.body-index {
    background-color: #292952;
    /*background-image:url(../images/dj_slide1.jpg);*/
    background-repeat:no-repeat;
    background-size:100%;
}
.body-list {
    background-color: #292952;
    /*background-image:url(../images/dj_slide1.jpg);*/
    background-repeat:no-repeat;
    background-size:100%;
}
/*图片光效*/
.img {
    display:block;
    position:relative;
    width:100%;
    height:286px;
    margin:0 auto;
    overflow:hidden;
}
.img:before {
    content:"";
    position:absolute;
    width:200px;
    height:100%;
    top:0;
    left:-150px;
    overflow:hidden;
    background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
    /*老式语法书写规则*/

    background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
    background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
    background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
    -webkit-transform:skewX(-25deg);
    -moz-transform:skewX(-25deg)
}
.img:hover:before {
    left:150%;
    transition:left 1s ease 0s;
}
/*card*/
.card-color-1 {
    background-color: transparent;
    background-image: -webkit-linear-gradient(70deg, var( --e-global-color-accent ) 0%, var( --e-global-color-993e647 ) 100%);
    background-image: -o-linear-gradient(70deg, var( --e-global-color-accent ) 0%, var( --e-global-color-993e647 ) 100%);
    background-image: linear-gradient(160deg, var( --e-global-color-accent ) 0%, var( --e-global-color-993e647 ) 100%);
}
.card-color-2{
    background-color: transparent;
    background-image: -webkit-linear-gradient(70deg, var( --e-global-color-993e647 ) 0%, var( --e-global-color-091a63f ) 100%);
    background-image: -o-linear-gradient(70deg, var( --e-global-color-993e647 ) 0%, var( --e-global-color-091a63f ) 100%);
    background-image: linear-gradient(160deg, var( --e-global-color-993e647 ) 0%, var( --e-global-color-091a63f ) 100%);
}
.card-color-3{
    background-color: transparent;
    background-image: -webkit-linear-gradient(70deg, var( --e-global-color-091a63f ) 0%, var( --e-global-color-a6f9306 ) 100%);
    background-image: -o-linear-gradient(70deg, var( --e-global-color-091a63f ) 0%, var( --e-global-color-a6f9306 ) 100%);
    background-image: linear-gradient(160deg, var( --e-global-color-091a63f ) 0%, var( --e-global-color-a6f9306 ) 100%);
}
.card-color-4{
    background-color: transparent;
    background-image: -webkit-linear-gradient(70deg, var( --e-global-color-a6f9306 ) 0%, var( --e-global-color-993e647 ) 100%);
    background-image: -o-linear-gradient(70deg, var( --e-global-color-a6f9306 ) 0%, var( --e-global-color-993e647 ) 100%);
    background-image: linear-gradient(160deg, var( --e-global-color-a6f9306 ) 0%, var( --e-global-color-993e647 ) 100%);
}
.card-color-5{
    background-color: transparent;
    background-image: -webkit-linear-gradient(70deg, var( --e-global-color-993e647 ) 0%, var( --e-global-color-a6f9306 ) 100%);
    background-image: -o-linear-gradient(70deg, var( --e-global-color-993e647 ) 0%, var( --e-global-color-a6f9306 ) 100%);
    background-image: linear-gradient(160deg, var( --e-global-color-993e647 ) 0%, var( --e-global-color-a6f9306 ) 100%);
}
.card-color-6{
    background-color: transparent;
    background-image: -webkit-linear-gradient(70deg, var( --e-global-color-a6f9306 ) 0%, var( --e-global-color-accent ) 100%);
    background-image: -o-linear-gradient(70deg, var( --e-global-color-a6f9306 ) 0%, var( --e-global-color-accent ) 100%);
    background-image: linear-gradient(160deg, var( --e-global-color-a6f9306 ) 0%, var( --e-global-color-accent ) 100%);
}
.card-color-7{
    background-color: transparent;
    background-image: -webkit-linear-gradient(70deg, var( --e-global-color-accent ) 0%, var( --e-global-color-091a63f ) 100%);
    background-image: -o-linear-gradient(70deg, var( --e-global-color-accent ) 0%, var( --e-global-color-091a63f ) 100%);
    background-image: linear-gradient(160deg, var( --e-global-color-accent ) 0%, var( --e-global-color-091a63f ) 100%);
}
.card-color-8{
   
}
/*ranking*/
.ranking {
    padding:.12rem 0;
    text-align:right;
}
.position {
    float: left;
    width: 200px;
    margin-top: .4rem;
    text-align: left;
    color: rgba(103,193,245, .6);
    font-size: .16rem;
}
.position .icon-position {
    display: inline-block;
    padding: 0 0 0 .1rem;
}

.position a {
    font-size: .16rem;
    color: #67c1f5;
}
/*.position a:nth-child(3), .position .icon-position:nth-child(4) {
    display: none;
} */

.rank-icon {
    display:inline-block;
    position:relative;
    width:57px;
    height:67px;
    margin-right:.1rem;
    text-align:center;
    vertical-align:top;
}
.rank-icon .item-pic {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:67px;
}
.rank-icon .item_pic .pic1 {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
}
.rank-icon .item_pic:hover .pic1 {
    -webkit-transform:translateY(-5px);
    transform:translateY(-5px);
}
.rank-icon .item_pic .pic2 {
    position:absolute;
    bottom:-.05rem;
    left:0;
    width:100%;
    height:100%;
}
/*弹层*/


.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
    display:block;
}
/*扫码登陆*/
.body-login {
    background:none;
    background:#f5f7f8;
}
.login-main {
    position:fixed;
    font-size:14px;
    background:rgba(0,0,0,0.8);
    z-index:2001;
    width:100%;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
}
.input-group input::-webkit-input-placeholder {
    color:#d2d2d2;
}
.input-group input:-moz-placeholder {
    color:#d2d2d2;
}
.input-group input::-moz-placeholder {
    color:#d2d2d2;
}
.input-group input:-ms-input-placeholder {
    color:#d2d2d2;
}
.login-code {
    background:url(../images/login-bg.png);
    width:320px;
    height:418px;
    margin:140px auto;
    padding:1px 0;
}
.login-code .code {
    width:200px;
    height:200px;
    margin:35px auto 30px;
}
.login-code .code img {
    width:200px;
    height:200px;
}
.login-code-tip {
    background:url(../images/line.png) no-repeat;
    width:290px;
    margin:0 auto;
    position:relative;
    color:rgba(103,193,245,.6);
    text-align:center;
    padding:20px 0;
}
.login-code-tip h4 {
    font-size:18px;
    color:#67c1f5;
    padding-bottom:6px;
    font-weight:normal;
}
.login-title {
    width:170px;
    margin:30px auto 0;
}
.login-title li {
    float:left;
    font-size:16px;
}
.login-title li:first-child {
    margin-right:40px;
}
.login-title a {
    color:rgba(103,193,245,.6);
}
.login-title a:hover,.login-title .active a {
    color:#67c1f5;
    border-bottom:2px solid #67c1f5;
    padding-bottom:6px;
}
.phone-login {
    width:360px;
    min-height:320px;
    padding:1px 30px 30px;
    margin:140px auto;
    background:rgba(10,17,61,.6);
    border-radius:10px;
}
.user-icon {
    background:url(../images/login_icon.png);
    width:12px;
    height:16px;
    display:inline-block;
    margin:0 10px;
    vertical-align:middle;
}
.password-icon {
    background:url(../images/login_icon.png);
    width:14px;
    height:16px;
    display:inline-block;
    margin:0 10px;
    vertical-align:middle;
    background-position:-28px 0;
}
.identify-icon {
    background:url(../images/login_icon.png);
    width:16px;
    height:16px;
    display:inline-block;
    margin:0 10px 0 7px;
    vertical-align:middle;
    background-position:-12px 0;
}
.icon-warning {
    background:url(../images/login_icon.png);
    width:16px;
    height:16px;
    margin-top:16px;
    vertical-align:middle;
    background-position:-42px 0;
    float:right;
}
.icon-warning {
    background:url(../images/login_icon.png);
    width:16px;
    height:16px;
    display:inline-block;
    margin-top:16px;
    vertical-align:middle;
    background-position:-42px 0;
    float:right;
}
.set-in {
    border:1px solid #627381;
    border-radius:4px;
    margin:28px 0 16px;
    padding:0 10px;
}
.set-in input {
    border:none;
    outline:none;
    width:210px;
    height:45px;
    color: rgba(103,193,245,1);
}
.set-in .input-group:first-child {
    border-bottom:1px solid rgba(103,193,245,.6);
}
.set-in .input-group-n{
    border-bottom: 1px solid rgba(103,193,245,.6);
}
.set-in .input-group {
    text-align:left;
}
.bling-phone .input-group:nth-of-type(2) {
    border-bottom:0px solid rgba(103,193,245,.6);
}
.input-group {
    height:49px;
    line-height:49px;
}
/* 选择框 */
.control-checkbox {
    }.control-checkbox-label {
    line-height:22px;
    font-weight:normal;
    color:#89a;
}
.icheckbox_square-green,.iradio_square-green {
    display:inline-block;
    *display:inline;
    vertical-align:middle;
    margin:0;
    padding:0;
    width:22px;
    height:22px;
    background:url(../images/green.png) no-repeat;
    border:none;
    cursor:pointer;
    margin-right:10px;
}
.icheckbox_square-green {
    background-position:0 0;
}
.icheckbox_square-green.hover {
    background-position:-24px 0px;
}
.icheckbox_square-green.checked {
    background-position:-48px 0px;
}
.icheckbox_square-green.disabled {
    background-position:-72px 0px;
    cursor:default;
}
.icheckbox_square-green.checked.disabled {
    background-position:-96px 0px;
}
.iradio_square-green {
    background-position:-120px 0;
}
.iradio_square-green.hover {
    background-position:-144px 0;
}
.iradio_square-green.checked {
    background-position:-168px 0;
}
.iradio_square-green.disabled {
    background-position:-192px 0;
    cursor:default;
}
.iradio_square-green.checked.disabled {
    background-position:-216px 0;
}
.forget-password {
    color:#3489db;
    float:right;
}
.btn-login {
    color:#6DFDFF;
    background-image:linear-gradient(-45deg,rgba(209,4,89,1) 0,rgba(209,4,89,.8) 45%,rgba(209,4,89,.6));
    background-color:#6DFDFF;
    border-radius:.54rem;
    border-bottom:1px solid rgba(255,255,255,.8);
    border-radius:4px;
    height:42px;
    line-height:42px;
    text-align:center;
    display:block;
    margin:18px 0;
    font-size:16px;
}
.phone-login p {
    text-align:center;
    font-size:14px;
    color:rgba(103,193,245,1);
}
.phone-login p a {
    color:#3489db;
}
.main-420 {
    width:420px;
    margin:140px auto;
    border-radius:10px;
    background:rgba(10,17,61,.6);
}
.main-320 {
    width:320px;
    margin:140px auto;
    border-radius:10px;
    background:rgba(10,17,61,.6);
}
.main-head {
    height:92px;
    border-radius:10px 10px 0 0;
}
.main-head .piece {
    width:330px;
    margin:0 auto;
    padding:28px 0 20px;
}
.main-head .piece dl {
    float:left;
    width:110px;
    position:relative;
}
.main-head .piece dl:first-child .progress {
    width:71px;
    left:40px;
}
.main-head .piece dl:last-child .progress {
    width:71px;
    right:40px;
}
.main-head .piece dd {
    color:#999;
    font-size:12px;
    text-align:center;
    padding-top:5px;
}
.main-head .piece .active dd {
    color:rgba(103,193,245,1);
}
.main-head .piece .active dt {
    background: rgba(103,193,245,1);
    color:#fff;
}
.main-head .piece .progress {
    height:2px;
    background:#d2d2d2;
    position:absolute;
    top:14px;
    width:116px;
    z-index:1;
}
.sequence {
    width:30px;
    height:30px;
    border-radius:50%;
    background:#d2d2d2;
    text-align:center;
    line-height:30px;
    color:#fff;
    margin:0 auto;
    position:relative;
    z-index:20;
}
.main-body {
    padding:0 30px 10px;
    text-align:center;
}
.main-body h4 {
    font-size:18px;
    color:rgba(103,193,245,1);
    padding:25px 0 15px;
    text-align:center;
}
.main-body .scan-qrcode {
    padding:18px 0 40px;
}
.main-body .tip {
    padding:20px 0 30px 0;
    color:#df3a41;
}
.main-body .code {
    width:200px;
    height:200px;
    margin:0 auto;
}
.distance-set {
    margin:0;
    text-align:left;
}
.password-tip {
    padding:10px 0;
}
.revise-password .btn-logon {
    margin:10px 0 30px;
}
.icon-set-password {
    background:url(../images/login-success.png);
    width:60px;
    height:60px;
    margin:0 auto;
}
.set-password-success {
    padding:40px 30px 20px;
    text-align:center;
}
.set-password-success h4 {
    color:#333;
    font-size:18px;
    padding-top:16px;
}
.set-password-success p {
    padding-top:12px;
}
.picture-identify {
    width:88px;
    height:32px;
    background:#f2f2f2;
    float:right;
    margin-top:8px;
}
.messege-identify {
    width:88px;
    height:32px;
    line-height:32px;
    color:#fff;
    text-align:center;
    background:rgba(103,193,245,1);
    border-radius:4px;
    float:right;
    margin-top:8px;
}
.messege-identify:hover {
    color:#fff;
    background:rgba(103,193,245,.8);
}
.unabled {
    background:#d2d2d2;
    font-size:12px;
    cursor:default;
}
.sure-password {
    margin:0;
}
.btn-distance {
    margin:10px 0 30px;
}
.error-tip {
    color:#df3a41;
    padding-bottom:10px;
}
.bling-phone {
    margin-bottom:10px;
}
.error-tip-distance {
    padding:10px 0 5px;
}
.unbling-phone {
    text-align:center;
    padding:30px 0;
}
.unbling-phone .code {
    width:200px;
    height:200px;
    margin:25px auto;
}
.unbling-phone h4 {
    font-size:18px;
    color:#333;
}
.unbling-phone p {
    padding:0;
}
.btn-margin {
    margin:8px 0 15px;
}
.remember-account .icheckbox_square-green {
    margin-right:0;
}
.remember-account label {
    cursor:pointer;
}
.rebind .main-body {
    padding:0 0 30px 0;
}
.rebind .main-body .scan-qrcode {
    padding:18px 0 0;
}
.rebind .main-body .tip {
    padding:10px 0 0 0;
}
/*动画*/
@-webkit-keyframes rotating {
    100% {
    -webkit-transform:rotate(360deg);
}
}@-webkit-keyframes bottomToTop {
    0% {
    -webkit-transform:translateY(100%);
    opacity:0
}
100% {
    -webkit-transform:translateY(0);
    opacity:1
}
}@-moz-keyframes bottomToTop {
    0% {
    -moz-transform:translateY(100%);
    opacity:0
}
100% {
    -moz-transform:translateY(0);
    opacity:1
}
}@keyframes bottomToTop {
    0% {
    transform:translateY(100%);
    opacity:0
}
100% {
    transform:translateY(0);
    opacity:1
}
}@-webkit-keyframes leftToRight {
    0% {
    -webkit-transform:translateX(-100%);
    opacity:0
}
100% {
    -webkit-transform:translateX(0);
    opacity:1
}
}@-moz-keyframes leftToRight {
    0% {
    -moz-transform:translateX(-100%);
    opacity:0
}
100% {
    -moz-transform:translateX(0);
    opacity:1
}
}@keyframes leftToRight {
    0% {
    transform:translateX(-100%);
    opacity:0
}
100% {
    transform:translateX(0);
    opacity:1
}
}@-webkit-keyframes hvr-ripple-out {
    100% {
    top:-12px;
    right:-12px;
    bottom:-12px;
    left:-12px;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}@keyframes hvr-ripple-out {
    100% {
    top:-12px;
    right:-12px;
    bottom:-12px;
    left:-12px;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}.hvr-ripple-out {
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
}
.hvr-ripple-out:before {
    content:'';
    position:absolute;
    border:#52c41a solid 6px;
    border-radius:4px;
    top:0;
    right:0;
    bottom:0;
    left:0;
    -webkit-animation-duration:1s;
    animation-duration:1s;
}
.hvr-ripple-out:hover:before,.hvr-ripple-out:focus:before,.hvr-ripple-out:active:before {
    -webkit-animation-name:hvr-ripple-out;
    animation-name:hvr-ripple-out;
}
.hvr-ripple-out1:before {
    border-radius:100px;
}
@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
    -webkit-transform:translate(8px,8px);
    transform:translate(8px,8px);
}
33.3% {
    -webkit-transform:translate(-6px,-6px);
    transform:translate(-6px,-6px);
}
49.95% {
    -webkit-transform:translate(4px,4px);
    transform:translate(4px,4px);
}
66.6% {
    -webkit-transform:translate(-2px,-2px);
    transform:translate(-2px,-2px);
}
83.25% {
    -webkit-transform:translate(1px,1px);
    transform:translate(1px,1px);
}
100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
}
}@keyframes hvr-wobble-to-bottom-right {
    16.65% {
    -webkit-transform:translate(8px,8px);
    transform:translate(8px,8px);
}
33.3% {
    -webkit-transform:translate(-6px,-6px);
    transform:translate(-6px,-6px);
}
49.95% {
    -webkit-transform:translate(4px,4px);
    transform:translate(4px,4px);
}
66.6% {
    -webkit-transform:translate(-2px,-2px);
    transform:translate(-2px,-2px);
}
83.25% {
    -webkit-transform:translate(1px,1px);
    transform:translate(1px,1px);
}
100% {
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
}
}@-webkit-keyframes hvr-buzz-out {
    10% {
    -webkit-transform:translateX(3px) rotate(2deg);
    transform:translateX(3px) rotate(2deg);
}
20% {
    -webkit-transform:translateX(-3px) rotate(-2deg);
    transform:translateX(-3px) rotate(-2deg);
}
30% {
    -webkit-transform:translateX(3px) rotate(2deg);
    transform:translateX(3px) rotate(2deg);
}
40% {
    -webkit-transform:translateX(-3px) rotate(-2deg);
    transform:translateX(-3px) rotate(-2deg);
}
50% {
    -webkit-transform:translateX(2px) rotate(1deg);
    transform:translateX(2px) rotate(1deg);
}
60% {
    -webkit-transform:translateX(-2px) rotate(-1deg);
    transform:translateX(-2px) rotate(-1deg);
}
70% {
    -webkit-transform:translateX(2px) rotate(1deg);
    transform:translateX(2px) rotate(1deg);
}
80% {
    -webkit-transform:translateX(-2px) rotate(-1deg);
    transform:translateX(-2px) rotate(-1deg);
}
90% {
    -webkit-transform:translateX(1px) rotate(0);
    transform:translateX(1px) rotate(0);
}
100% {
    -webkit-transform:translateX(-1px) rotate(0);
    transform:translateX(-1px) rotate(0);
}
}@keyframes hvr-buzz-out {
    10% {
    -webkit-transform:translateX(3px) rotate(2deg);
    transform:translateX(3px) rotate(2deg);
}
20% {
    -webkit-transform:translateX(-3px) rotate(-2deg);
    transform:translateX(-3px) rotate(-2deg);
}
30% {
    -webkit-transform:translateX(3px) rotate(2deg);
    transform:translateX(3px) rotate(2deg);
}
40% {
    -webkit-transform:translateX(-3px) rotate(-2deg);
    transform:translateX(-3px) rotate(-2deg);
}
50% {
    -webkit-transform:translateX(2px) rotate(1deg);
    transform:translateX(2px) rotate(1deg);
}
60% {
    -webkit-transform:translateX(-2px) rotate(-1deg);
    transform:translateX(-2px) rotate(-1deg);
}
70% {
    -webkit-transform:translateX(2px) rotate(1deg);
    transform:translateX(2px) rotate(1deg);
}
80% {
    -webkit-transform:translateX(-2px) rotate(-1deg);
    transform:translateX(-2px) rotate(-1deg);
}
90% {
    -webkit-transform:translateX(1px) rotate(0);
    transform:translateX(1px) rotate(0);
}
100% {
    -webkit-transform:translateX(-1px) rotate(0);
    transform:translateX(-1px) rotate(0);
}
}@-webkit-keyframes play {
    0% {
    -webkit-transform:rotateY(0deg);
}
100% {
    -webkit-transform:rotateY(360deg);
}
}@-moz-keyframes play {
    0% {
    -moz-transform:rotateY(0deg);
}
100% {
    -moz-transform:rotateY(360deg);
}
}@keyframes play {
    0% {
    transform:rotateY(0deg);
}
100% {
    transform:rotateY(360deg);
}
}
/*弹出提示*/
#tip {

}
.tip-main {
    position:fixed;
    font-size:14px;
    background:rgba(0,0,0,0.8);
    z-index:2001;
    width:100%;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
}
.tip-cart {
    width: 3.6rem;
    min-height: 1.2rem;
    padding: 50px;
    margin: 140px auto;
    background: rgba(10,17,61,.6);
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    color: #67c1f5;
    font-size: 16px;
}
.picture-identify {
    width: 88px;
    height: 32px;
    background: #f2f2f2;
    float: right;
    margin-top: 8px;
}
#vdcode {
    width: 1.2rem;
}
/*搜索*/
.comm-header .search {
    width: 3.2rem;
    position: absolute;
    right: 150px;
    top: 23px;
}
.header-search{
    /*用div的样式代替select的样式*/
    height: .36rem;
    border-radius: 5px;
    /*盒子阴影修饰作用,自己随意*/
    position: relative;
}

.drop-menu {
  /* 核心样式：外框+圆角 */
  width: 100px; /* 固定宽度，可根据需求调整 */
  height: .36rem;
  padding: 0 12px;
  /*清除select的边框样式*/
  border: none;
  /* 下拉箭头：替换默认箭头，自定义样式 */
  appearance: none; /* 清除默认箭头 */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666666' d='M10.8 1.2L6 6 1.2 1.2 0 2.4l6 6 6-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center; /* 箭头位置：右12px，垂直居中 */
  background-size: 12px 8px;
  background-color:transparent;
  /* 文字样式 */
  font-size: 13px;
  color: #67c1f5;
  line-height: .36rem;
  /* 交互优化 */
  cursor: pointer;
  outline: none; /* 去掉聚焦默认外框 */
}
.header-search .typeid {
    width: .9rem;
    float: left;
}
.header-search select option::-ms-expand{ display: none; }
.header-search select option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;
    line-height: 15px;
    background: rgba(0,0,0, 1);

    border-color: transparent;
}
.header-search .select {
    width: .9rem;
    display: inline-block;
    border-color: transparent;
}



/*使用伪类给select添加自己想用的图标*/
.header-search .select:after{
    content: "";
    display:inline-block;
    width:0;
    height:0;
    border:.05rem solid transparent;
    overflow:hidden;
    margin-top:-.025rem;
    border-top-color:#67c1f5;
    /*通过定位将图标放在合适的位置*/
    position: absolute;
    left: .8rem;
    top: 45%;
    /*给自定义的图标实现点击下来功能*/
    pointer-events: none;
}
.header-search .split-line {
    display: inline-block;
    margin-left: .05rem;
    margin-top: -.04rem;
}
.header-search .search-input {
    display: inline-block;
    width: 160px;
    line-height: .32rem;
    background:transparent;
    color: #67c1f5;
}
input:-webkit-autofill { 
    box-shadow: 0 0 0px 1000px #00000000 inset;
    color: #67c1f5 !important;
    background-color: rgb(0,0,0, 0) !important;
    background-image: none !important;
}
.search .header-search .edge {
    display:inline-block;
    width:0;
    height:0;
    border:.05rem solid transparent;
    overflow:hidden;
    margin-top:-.025rem;
    border-top-color:#67c1f5;
}

.search .header-search .edge {
    margin-top:-.075rem
}
.search .header-search .split-line {
    display:inline-block;
    vertical-align:middle;
    width:.01rem;
    height:.18rem;
    background:#474b51
}
.search .header-search button {
    color: #67c1f5;
}
.search .header-search .icon {
    vertical-align: -2px;
}
/*下拉框*/
.selectpick_div {
    color: #9f9eb1;
    width: .9rem;
    font-size:13px;
    font-weight:500;
    line-height:30px;
    text-align:center;
    padding-left:5px;
    overflow:hidden;
    cursor:pointer;
    overflow:hidden;
    z-index:9060
}
.selectpick_icon {
    float:right;
    background:url(../images/select-icon.png?v=0) no-repeat center;
    margin-right:5px;
    height:30px;
    width:9px;
    cursor:pointer
}
.selectpick_div:hover {

}
.selectpick_div:active {

}
.selectpick_options {
    border-bottom:0;
    position:absolute;
    z-index:9060;
    font-size:13px;
    text-align:center;
    display:none;
    overflow-x:hidden;
    overflow-y:auto;
    height: 2rem;

    border-radius: .04rem 0 0 .04rem;
}
.selectpick_options ul {
    list-style:none;
    height:auto;
    margin:0;
    padding:0;
    z-index:9060;
    font-size:13px;
    overflow: hidden;
}
.selectpick_options ul li {
    padding-left:5px;
    display:block;
    font-size:13px;
    z-index:9060;
    color: #9f9eb1;
    background: rgba(0,0,0,.9);
}
.selectpick_options li:hover {
    background-color:#1a1a32;
    color:#9f9eb1;
}
.selectpick_options ul li.selectpick_options_selected {
    background-color:#1a1a32;
    color:#9f9eb1;
    z-index:9060
}
.selectpick_no_select {
    cursor:default;
    color:#9a9898;
    background-color:#f5f5f5
}
.select_hide {
    display:none;
    -moz-opacity:0;
    opacity:0;
    -webkit-opacity:0;
    filter:alpha(opacity=0)
}
.selectpick_options li {
    cursor:pointer
}
.selectpick_options li label {
    cursor:pointer
}
.selectpick_div_box {
    margin:0;
    padding-top: 3px;
    display:inline-block;
    *zoom:1;
    *display:inline;
    position:relative;
}


/*单个卡片修改*/
.card {
  color: inherit;
  cursor: pointer;
}

.front,
.back {

  transform-style: preserve-3d;
  transition: ease-in-out 600ms;
}

.card:hover .front {
  transform: rotateY(180deg);
}
.card:nth-child(even):hover .front {
  transform: rotateY(-180deg);
}

.back {
  transform: rotateY(-180deg);
}
.card:hover .back {
  transform: rotateY(0deg);
}
.card:nth-child(even) .back {
  transform: rotateY(180deg);
}
.card:nth-child(even):hover .back {
  /*transform: rotateY(0deg);*/
}
/*wave*/
.marquee-box {
    overflow:hidden;
    width:100%;
    position:absolute;
    left:0;
    top:0
}
.marquee {
    width:8000%;
    height:60px
}
.wave-list-box {
    float:left
}
.wave-list-box ul {
    float:left;
    height:60px;
    overflow:hidden;
    zoom:1
}
.wave-list-box ul li {
    height:60px;
    width:100%;
    float:left;
    line-height:30px;
    list-style:none
}
.wave-box {
    position:relative;
    height:60px;
    background:transparent;
    margin-bottom: -.6rem;
}
/*通用幻灯*/
#banner-slider {
    position: relative;
    width: 100%;
    border-radius: 20px;
    margin-top: .3rem;
    overflow: hidden;
    height: 4.8rem;
}
#banner-slider ul li {
	position: relative;
	display: inline-block;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    mask: url("../img/ellipse.svg");
    mask-size: cover;
     overflow: hidden;
}
#banner-slider .mask {
    position: relative;
        left: 0;
    right: 0;
    top:0;
    bottom: 0;
    width: 100%;
}
#banner-slider .mask:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    width: 100%;
    background: -webkit-linear-gradient(0deg, rgba(41,41,82,1) 0%, rgba(0,0,0,.3) 100%);
    background: -o-linear-gradient(0deg, rgba(41,41,82,1) 0%, rgba(0,0,0,.3) 100%);
    background: linear-gradient(to top, rgba(41,41,82,1) 15%, rgba(0,0,0,0) 100%);
    border-radius: 0;
    z-index: 3;
}
#banner-slider .mask:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    width: 100%;
    background: -webkit-radial-gradient(circle at center, rgba(0,0,0, 0) 50%, rgba(41,41,82,1) 90%);
    background: -o-radial-gradient(circle at center, rgba(0,0,0, 0) 50%, rgba(41,41,82,1) 90%);
    background: radial-gradient(circle at center, rgba(0,0,0, 0) 50%, rgba(41,41,82,1) 90%);
    border-radius: 0;
    z-index: 3;
}
#banner-slider ul li img {
    width: 100%;
    height: auto;
    object-fit: cover;   
}

#banner-slider ul li .text {
    position: relative;
    float: left;
    bottom: 1.5rem;
    left: 0;
    width: 65%;
    padding-left: .4rem;
    z-index: 3;
}
#banner-slider .pagination {
	position: absolute;
    float: right;
    bottom: -.3rem;
    right: 0rem;
    /* width: 35%; */
    padding-right: .4rem;
    z-index: 3;
}
#banner-slider ul li .text .flash-title {
    color: #FFF;
    font-size: .36rem;
    font-weight: bold;
}
#banner-slider ul li .text .flash-desc {
    color: rgba(255,255,255,.8);
    font-size: .24rem;
    font-weight: normal;  
}
#banner-slider .pagination  .swiper-pagination-bullet {
    cursor: pointer;
    display: inline-block;
    width: .08rem;
    height: .08rem;
    border-radius: .04rem;
    background: -webkit-linear-gradient(355deg, #FC466B 0%, #3F5EFB 100%);
    background: -o-linear-gradient(355deg, #FC466B 0%, #3F5EFB 100%);
    background: linear-gradient(85deg, #FC466B 0%, #3F5EFB 100%);
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: .5;
    margin: 0 .03rem;
}
#banner-slider .pagination .swiper-pagination-bullet-active {
    width: .3rem;
    opacity: 1;
} 
#banner-slider .swiper-slide {
    height: auto;
}
/*卡片*/
.card-section {
    margin-bottom: .5rem;
}
.outside-spacing {
    overflow:hidden;
    padding:0 13px;
    margin:0 -20px
}
.card-carousel {
    position:relative;
    overflow: hidden;
}
.card-item {
    height:auto;
}
.card-content {
    position:relative;
    margin-top:-15px
}
.card-content h3 {
    background:#f90cff;
    background:linear-gradient(to right bottom,#f90cff,#e027ff,#c534ff,#a93eff,#8a44ff,#6560ff,#3c73ff,#0081ff,#009cff,#00b3ff,#00c6f5,#0cd7e8);
    clip-path: polygon(0% 0,100% 0,100% 100%,0% 100%);
    width:90%;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50px;
    font-size:22px;
    font-weight:600;
    line-height:1;
    margin:0;
    box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%)
}
.card-content h3:before {
    background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,0.25),rgba(255,255,255,0.25) 1px,transparent 1px,transparent 6px);
    background-size:4px 4px;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:90%;
    height:100%;
    border-radius: 30px;
}
.card-content:before {
    background:#f90cff;
    background:linear-gradient(to right bottom,#f90cff,#e027ff,#c534ff,#a93eff,#8a44ff,#6560ff,#3c73ff,#0081ff,#009cff,#00b3ff,#00c6f5,#0cd7e8);
    clip-path: polygon(0% 0,100% 0,100% 100%,0% 100%);
    border-radius:10px;
    content:"";
    position:absolute;
    width:15px;
    height:15px;
    right:-10px;
    top:0
}
.card-content:after {
    background:#ddd;
    clip-path: polygon(0% 0,100% 0,100% 100%,0% 100%);
    border-radius:10px;
    content:"";
    position:absolute;
    width:15px;
    height:15px;
    right:15px;
    bottom:10px;
}
.card-content .whte-shape {
    background-color:#fff;
    clip-path: polygon(0% 0,100% 0,100% 100%,0% 100%);
    border-radius:30px;
    position:absolute;
    width:60%;
    height:40px;
    left:-10px;
    top:-10px
}
.card-content h4 {
    background-color:#ddd;
    clip-path: polygon(0% 0,100% 0,100% 100%,0% 100%);
    color:#0c0c35;
    width:60%;
    height:25px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    
    line-height:1;
    letter-spacing:0;
    margin:-10px 0 0 20px
}
.card-content h3  {
    font-size:16px;
    font-weight:600;
    color:#fff;
    z-index:1
}
.card-thumb {
    position:relative
}
.card-thumb img {

}
.card-thumb .shape-wrap {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    bottom:0;
    transform:skew(-5deg);
    z-index:-1
}
.card-thumb .shape {
    background:#f90cff;
    background-image:linear-gradient(to right bottom,#f90cff,#e027ff,#c534ff,#a93eff,#8a44ff,#6560ff,#3c73ff,#0081ff,#009cff,#00b3ff,#00c6f5,#0cd7e8);
    clip-path:polygon(0% 0,100% 0,100% 10%,100% 100%,0 100%);
    width:150px;
    height:100%;
    position:absolute;
    left:0;
    bottom:0;
    border-radius:15px;
    transition:all 450ms cubic-bezier(.4,0,.2,1);
    transition:all .2s ease-in-out
}
.card-thumb .shape:before {
    background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,0.25),rgba(255,255,255,0.25) 1px,transparent 1px,transparent 6px);
    background-size:4px 4px;
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.card-thumb .shape.shape-1 {
    clip-path:polygon(0% 0,100% 0,100% 10%,100% 100%,0 100%);
    width:200px;
    height:70%;
    left:20%;
    z-index:1;
    opacity:.8
}
.card-thumb .shape.shape-2 {
    height:100%;
    left:30%;
    opacity:.7
}
.card-thumb .shape.shape-3 {
    height:90%;
    z-index:2;
    opacity:.4;
    left:30px
}
.card-thumb .shape.shape-4 {
    height:60%;
    left:15px;
    opacity:.6
}
.card-carousel .swiper-nav {
    left:-5px;
    z-index:1
}
.card-carousel .swiper-nav.swiper-next {
    left:auto;
    right:-5px
}
@media only screen and (min-width: 414px){
    .card-carousel .swiper-slide {
    width: 100%;
    padding: 0 30px; 
    }    
}
@media only screen and (min-width: 980px){
    .card-carousel .swiper-slide {
    width: 25%;
    padding: 0 25px; 
    }
}

@media(min-width:767px) {
    .card-thumb .shape.shape-1 {
    height:60%
    }
    .card-thumb .shape.shape-2 {
        height:90%
    }
    .card-thumb .shape.shape-3 {
        height:70%
    }
    .card-thumb .shape.shape-4 {
        height:40%
    }
    .card-item:hover .card-thumb .shape.shape-1 {
        height:70%;
        transition-delay:200ms
    }
    .card-item:hover .card-thumb .shape.shape-2 {
        height:100%;
        transition-delay:150ms
    }
    .card-item:hover .card-thumb .shape.shape-3 {
        height:90%;
        transition-delay:100ms
    }
    .card-item:hover .card-thumb .shape.shape-4 {
        height:60%;
        transition-delay:50ms
    }
}
@media(max-width:767px) {
    .card-carousel .swiper-slide {
        padding-left:20px
    }
    .card-carousel .card-content {
        width:100%
    }
    .card-carousel .card-content:before,.card-carousel .card-content:after {
        display:none
    }
    .card-content h3 {
        justify-content:flex-start;
        padding-left:65px
    }
    .card-content h4 {
        justify-content:flex-start;
        padding-left:46px
    }
}
/*榜单*/
.cf:after {
    clear: both;
}
.cf:before, .cf:after {
    content: '';
    display: table;
}
.related > div {
    background-color: #1a1a32;
    box-shadow: 0 1px 16px 0 rgba(0,0,0,.1);
    border-radius: 0.15rem;
    overflow: hidden;
    margin-bottom: .2rem;
}
.container .related .list-tit {
    padding: .18rem;
    line-height: .2rem;
    color: #9f9eb1;
    font-size: .16rem;
    font-weight: bold;
    border: none;
}
.related > div .list-tit {
    padding: .15rem .2rem;
    border-bottom: solid 1px #1d2b3c;
    background: transparent !important;
}
.related .ranking-list .list-tit .btns button {
    display:inline-block;
    padding:0 .1rem;
    margin:.01rem;
    line-height:.18rem;
    border-radius:.1rem;
    color:#77787d;
    font-size:.12rem;
    font-weight:normal;
}
.related .ranking-list .list-tit .btns button.on {
    color:#ffffff;
    font-weight:bold;
    background:#ff3232;
}
.container .related .list-content {
    padding: 0 .18rem;
}
.related > div .list-content {
    padding: 0 .15rem;
}
.related .ranking-list .list-content li {
    position:relative;
    margin:.05rem 0;
}
.container .related .list-content li .goods-img {
    width: .68rem;
    height: .5rem;
    margin-right: .1rem;
    border: none;
}
.related > div .list-content li .goods-img {
    width: .68rem;
    height: .68rem;
    margin-right: .15rem;
    line-height: .68rem;
    text-align: center;
}
.related > div .list-content li .goods-img, .related > div .list-content li .sell-info {
    display: inline-block;
    vertical-align: middle;
}
.container .related .list-content li .goods-img img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: .1rem;
}
.related > div .list-content li .goods-img img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.related .ranking-list .list-content li .sell-info {
    vertical-align: top;
}
.related .ranking-list .list-content li .special-tag {
    position:absolute;
    left:0;
    /*top:0;*/
    display:block;
    width:.27rem;
    line-height:.17rem;
    padding-left:.08rem;
    color:#ffffff;
    font-size:.12rem;
    font-weight:bold;
    border-radius: .1rem 0 0 0;
    background:url("../images/ranking-top10.png") no-repeat center/contain;
}
.related .ranking-list .list-content li .sell-info {
    vertical-align:top;
}
.container .related .list-content li .sell-info .tit {
    margin-bottom: .05rem;
    line-height: .16rem;
    white-space: normal;
    color: #e8f0f8;
}
.related > div .list-content li .sell-info .tit {
    margin-bottom: .08rem;
    font-size: .13rem;
    color: #c6d4df;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.related .ranking-list .list-content li .sell-info .sec-tit {
    white-space:normal;
}
.related > div .list-content li .sell-info .sec-tit {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: .12rem;
    color: #627381;
}
.related .ranking-list .list-content li .sell-info .sec-tit strong {
    font-weight:bold;
}
.related .ranking-list .list-content li:nth-of-type(1) {
    margin-top:0;
    white-space:normal;
}
.related .ranking-list .list-content li:nth-of-type(1) .special-tag {
    width:.37rem;
    height:.24rem;
    font-size:0;
    background-image:url("../images/ranking-top1.png");
}
.related .ranking-list .list-content li:nth-of-type(1) .goods-img {
    width:100%;
    height:auto;
    margin-right:0;
}
.related .ranking-list .list-content li:nth-of-type(1) .sell-info {
    position:absolute;
    right:0;
    bottom: .17rem;
    width:100%;
    padding:.1rem;
    text-align:right;
    border-radius: 0 0 .15rem .15rem;
    background:linear-gradient(180deg,rgba(0,0,0,0),black);
}
.related .ranking-list .list-content li:nth-of-type(1) .sell-info .tit {
    display:block;
    font-size: .16rem;
}
.related .ranking-list .list-content li:nth-of-type(2) .special-tag,.related .ranking-list .list-content li:nth-of-type(3) .special-tag {
    background-image:url("../images/ranking-top3.png");
}
.related > div .list-content li > a {
    white-space: nowrap;
}
.related .to-pick > a {
    display:block;
    width:100%;
    border-radius:0.15rem;
    overflow:hidden;
}
.related .to-pick > a > img {
    display:block;
    width:100%;
}
/*封面修改*/
.week-newstar-list li>div .content, .week-newstar-list .week-newstar-item>div .content {
    position: relative;
    height: 1.3rem;
    overflow: hidden;
}
.flagicon .icon {
    width: .45rem !important;
    height: .45rem !important;
}
.icon.icon-kezi, .icon.icon-dingzhi {
    width: .50rem !important;
    height: .24rem !important;
}
/*红包*/
.master-gif.animated {
    -webkit-animation: promomap 5s steps(44) infinite forwards;
    animation: promomap 5s steps(44) infinite forwards;
}
.master-gif {
    width: 217px;
    height: 234px;
    margin: auto;
    background: url(../images/promo-map.png) no-repeat 22px 132px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    cursor: pointer;
}
@-webkit-keyframes promomap {
    0% {
    background-position:0 0
}
to {
    background-position:-9548px 0
}
}
@keyframes promomap {
    0% {
    background-position:0 0
}
to {
    background-position:-9548px 0
}
}
.body-red-packets {
    background:none;
    background:#f5f7f8;
}
.red-packets-main {
    position:fixed;
    font-size:14px;
    background:rgba(0,0,0,0.8);
    z-index:2001;
    width:100%;
    height:100%;
    top:0;
    left:0;
    bottom:0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
}

.code-main {
    background:url(../images/login-bg.png);
    width:320px;
    height:418px;
    margin:140px auto;
    padding:1px 0;
}
.code-main .code {
    width:200px;
    height:200px;
    margin:35px auto 30px;
}
.code-main .code img {
    width:200px;
    height:200px;
}
.code-tip {
    background:url(../images/line.png) no-repeat;
    width:290px;
    margin:0 auto;
    position:relative;
    color:#77787d;
    text-align:center;
    padding:20px 0;
}
.code-tip h4 {
    font-size:18px;
    color:#9f9eb1;
    padding-bottom:6px;
    font-weight:normal;
}
.code-title {
    width:170px;
    margin:30px auto 0;
}
.code-title li {
    float:left;
    font-size:16px;
    margin: 0px 20px;
}

.code-title a {
    color:#77787d;
}
.code-title a:hover,.code-title .active a {
    color:#9f9eb1;
    border-bottom:2px solid #9f9eb1;
    padding-bottom:6px;
}
/*body content样式修改*/
.list-paddingleft-2 li{
	list-style-type: circle !important;
}
.list-paddingleft-2 li p strong {
	font-weight: bold;
}
/**登录状态**/
.iconfont.vip_login,
.iconfont.vip_purches {
  display: inline-block;
  width: 73px;
  height: 22px;
  vertical-align: middle;
}
.iconfont.vip_login:before,
.iconfont.vip_purches:before {
  display: none;
}
.iconfont.vip_login {
  background: url("../images/VIP_icon.png") no-repeat center;
}
.userlogin {
  position: relative;
  height: 70px;
  float: right;
}
.userlogin .spinner div {
  margin: 0 1px;
}
.userlogin .item {
  line-height: 70px;
  font-size: 0;
  display: none;
}
.userlogin .item.show {
  display: block;
  /*margin: 12px 0px 0px 12px;*/
}
.userlogin .login {
  font-size: 14px;
  color: #fff;
}
.userlogin .login b {
  margin: 0 9px;
  font-weight: normal;
  cursor: default;
}
.userlogin .login a:hover {
  color: #e0c69b;
}
.userlogin .user .infot {
  position: relative;
}
.userlogin .infot .icon {
  display: block;
  position: absolute;
  right: -5px;
  top: 15px;
  width: auto;
  height: 15px;
  padding: 0 4px;
  background-color: #fc5c63;
  border-radius: 10px;
  z-index: 1;
}
.userlogin .infot .icon {
    font-size: 12px;
    color: #FFF;
    line-height: 15px;
}
.userlogin .infot .min_avatar {
  position: relative;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 46px;
  height: 46px;
  background-color: #ccc;
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.userlogin .infot .info_hover {
  z-index: 1000;
  visibility: hidden;
  position: absolute;
  top: 70px;
  right: 0;
  padding-bottom: 20px;
  width: 400px;
  min-height: 292px;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 6px 14px 41px 0 rgba(99,117,138,0.23);
          box-shadow: 6px 14px 41px 0 rgba(99,117,138,0.23);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}
.userlogin .infot .info_hover:before {
	position: absolute;
    z-index: 1;
    bottom: 100%;
    right: 23px;
    display: block;
    width: 12px;
    height: 12px;
    content: '';
    transform: rotate(-45deg) translateY(12px);
    border-radius: 2px;
    background: #fff;
    box-shadow: none;
}
.userlogin .infot .info_hover.mini {
  width: 100px;
  min-height: inherit;
  padding-top: 13px;
}
.userlogin .infot .info_hover .spinner div {
  margin: 0 5px;
}
.userlogin .infot .info_hover .avatar {
  position: relative;
  margin: 18px auto 0;
  width: 80px;
  height: 80px;
  display: block;
}
.userlogin .infot .info_hover .avatar .avatar-course {
  width: 80px;
  height: 80px;
  display: block;
}
.userlogin .infot .info_hover .avatar img {
  border-radius: 50%;
  background-color: #ccc;
}
.userlogin .infot .info_hover .name {
  margin-top: 13px;
  height: 25px;
  line-height: 25px;
  font-size: 0;
  text-align: center;
}
.userlogin .infot .info_hover .name p {
    font-size: 16px;
}
.userlogin .infot .info_hover .name .level {
  display: inline-block;
  vertical-align: middle;
  padding: 0 9px;
  font-size: 13px;
  color: #fff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.userlogin .infot .info_hover .name .level.xiaoxian {
  background-color: #9c9ca3;
}
.userlogin .infot .info_hover .name .level.shangxian {
  background-color: #4e4e61;
}
.userlogin .infot .info_hover .name .level.shangshen {
  background-color: #e0c69b;
}
.userlogin .infot .info_hover .name .level.sanxian {
  border: 1px solid #d2d2d2;
  background-color: #f2f2f2;
  color: #a8a8a8;
}
.userlogin .infot .info_hover .name span {
  vertical-align: middle;
  margin: 0 10px;
  font-size: 18px;
  color: #080810;
}
.userlogin .infot .info_hover .name .iconfont {
  font-size: 20px;
  color: #fd5c63;
  vertical-align: middle;
  cursor: pointer;
}
.userlogin .infot .info_hover .name .iconfont:hover {
  color: #d5101e;
}
.userlogin .infot .info_hover .fun {
  position: relative;
  margin-top: 14px;
  padding: 0 95px;
  font-size: 0;
  line-height: 0;
}
.userlogin .infot .info_hover .fun:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 154px;
  margin-top: 1px;
  margin-left: -77px;
  border-top: 1px solid #f0f0f0;
}
.userlogin .infot .info_hover .fun:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 56px;
  margin-top: -28px;
  margin-left: -1px;
  border-left: 1px solid #f0f0f0;
}
.userlogin .infot .info_hover .fun a {
  display: inline-block;
  width: 50%;
  font-size: 12px;
  line-height: 55px;
  color: #080810;
}
.userlogin .infot .info_hover .fun a em {
  color: #fc5c63;
}
.userlogin .infot .info_hover .fun a:nth-child(n) {
  text-align: left;
}
.userlogin .infot .info_hover .fun a:nth-child(2n) {
  text-align: right;
}
.userlogin .infot .info_hover .fun a:hover,
.userlogin .infot .info_hover .fun a.active {
  color: #bea55b;
}
.userlogin .infot .info_hover .operation {
  margin-top: 17px;
  line-height: 19px;
  height: 19px;
}
.userlogin .infot .info_hover .operation a {
  line-height: 19px;
  font-size: 12px;
  color: #999;
}
.userlogin .infot .info_hover .operation a:hover,
.userlogin .infot .info_hover .operation a.active {
  color: #666;
}
.userlogin .infot .info_hover .operation a:first-child {
  margin-left: 21px;
  float: left;
  margin-right: 19px;
}
.userlogin .infot .info_hover .operation a:last-child {
  margin-right: 21px;
  float: right;
}
.userlogin .infot:hover .info_hover,
.userlogin .infot .info_hover.show {
  visibility: visible;
  opacity: 1;
}
.positions {
    width: 100%;
    padding: 0 0 .2rem;
    font-size: .16rem;
    color: #67c1f5;
}
.positions a {
    display: inline-block;
    font-size: .16rem;
    color: #67c1f5;
}