/* svip活动——李想  */
.dn{display: none;}
img{max-width: 100%;}

/*布局*/
.pad-20{padding-top: 20px;}
.w-936{width: 936px;}
.w-233{ width: 233px;}
.container-1190{width: 1190px; margin: 0 auto;}


/*足迹*/
.l-zj-2017new{background: #f7f7f7; position: relative;}
/*头部*/
.l-170227-01{background: url(../img_17/img_svip_17/nav_bg2.jpg) repeat-x 0 0; box-shadow: 0 1px 4px rgba(0,0,0,0.23);}
.l-170227-01 .container-1190{padding:0 10px; height: 70px; background: url(../img_17/img_svip_17/nav_bg1.jpg) no-repeat center 0;}
.l-170227-01 .head-logo{float: left; width: 141px; height: 37px; margin-top: 18px; background: url(../img_17/logo_white.png) 0px 0px no-repeat;}
.l-170227-01 .head-nav{float: right; line-height: 70px;}
.l-170227-01 .head-nav>ul>li{float: left;}
.l-170227-01 .head-nav>ul>li>a{font-size: 16px; color: #fff; display: inline-block; min-width: 66px; text-align: center; line-height: 24px; padding: 5px 10px; margin-right: 15px;}
.l-170227-01 .head-nav>ul>li>a.cur{border-bottom: 3px solid #ff9700;}
.l-170227-01 .head-nav .user{margin-right: 0px;}
.l-170227-01 .logined{position: relative; display: none;}
.l-170227-01 .logined .user-pic{display: inline-block; width: 38px; height: 38px; vertical-align: middle; border-radius: 50%;}
.l-170227-01 .user-nav{position: absolute; top: 64px; right: 0px; text-align: center;}
.l-170227-01 .log-reg{background: rgba(255,255,255,0.5); font-size: 16px; color: #fff; padding: 0px 10px; display: none;}
.l-170227-01 .log-reg a{color: #fff; outline: none;}
.l-170227-01 .logined .user-pic,.l-170227-01 .logined .user-pic:hover{border: none;}
.l-170227-01 .user-nav>li{line-height: 28px; border: 1px solid #ccc; border-bottom: none;}
.l-170227-01 .user-nav>li:last-child{border-bottom: 1px solid #ccc;}
.l-170227-01 .user-nav a{color: #4c4c4c; font-size: 12px; display: block; background-color: #fff; width: 100px; text-align: center; line-height: 28px;}
.l-170227-01 .user-nav>li a:hover,.l-170227-01 .user-nav>li a.cur{background: #31b0d5; color: #fff;}

/*尾巴*/
.l-170227-02 { margin-top:30px; border-top:1px solid #b5b5b5; background:#ececec; min-width: 1190px;}
.l-170227-02 .container-1190 { width:980px; margin:0 auto; padding:15px 0 20px;}
.l-170227-02 .footer_logo { float:left; margin-top:20px; width:183px; height:25px; background:url(../img_17/logo_foot.png) 0 0 no-repeat;}
.l-170227-02 .footer_con { float:left; margin-left:30px; font-size:14px; color:#666; line-height:26px;}
.l-170227-02 .about { font-size:15px; color:#3399cc;}
.l-170227-02 .about a { color:#3399cc;}
.l-170227-02 .about a:hover { color:#ff9900; text-decoration:underline;}


/*左侧内容*/
/*超级vip课程*/
.l-170227-03{background: url(../img_17/img_svip_17/zj_vip_class1.jpg); height: 188px; margin-bottom: 20px; padding: 32px 0 0 40px;}
.l-170227-03 .vip-class-img{box-shadow: 0 4px 11px rgba(0,0,0,0.46); cursor: pointer;}
.l-170227-03 .vip-class-img img{display: block;}
.l-170227-03 .vip-class-text{padding-top: 8px; position: relative; margin-left: 216px;}
.l-170227-03 p{color: #fff; font-size: 12px; padding: 2px 0;}
.l-170227-03 .p-title1{font-size: 18px;}
.l-170227-03 .p-title2{font-size: 16px;}
.l-170227-03 .p-title2 del{font-size: 21px; color: #ff9e11;}
.l-170227-03 p a{color: #ffa522;}
.l-170227-03 a.buy{ position: absolute; font-size: 16px; width: 95px; height: 33px; line-height: 33px; text-align: center; color: #fff;background-image:-webkit-linear-gradient(0deg, #ff9700, #ffa624); background-image:linear-gradient(0deg, #ff9700, #ffa624); bottom: -8px; right:75px;}
/*教历树*/
.l-170227-04{padding: 20px 0 85px; background: #fff; box-shadow: 0 2px 18px rgba(0,0,0,0.1);}
/*图标的各种状态*/
.l-170227-04 .zt-img{position: relative;}
.l-170227-04 .zt-img a{display: block; width: 100px; height: 100px; margin: 0 auto; background: #fff; text-align: center; border: 1px solid #dedede; font-size: 12px;}
.l-170227-04 .zt-img b{display: block; width: 90px; margin: 0 auto; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.l-170227-04 .zt-img .span-zt{display: block; background: url(../img_17/img_svip_17/zt_img_bg.png) no-repeat; width: 58px; height: 58px; margin: 10px auto 3px;}
.l-170227-04 .zt-img .span-zt i{margin-top: 14px; background: url(../img_17/img_svip_17/zt_img1.png) no-repeat 1px 0; display: inline-block; width: 19px; height: 25px;}
.l-170227-04 .exam-week{display: block; width: 42px; height: 42px; line-height: 34px; text-align: center; font-size: 18px; margin: 15px auto 0; position: relative; border: 3px solid transparent; background: #686f6f; border-radius: 50%; color: #fff; cursor: default;}
/*覆盖默认状态*/
.l-170227-04 .zt-1 .zt-img a{ cursor: default;}
.l-170227-04 .zt-3 .zt-img a,
.l-170227-04 .zt-4 .zt-img a,
.l-170227-04 .zt-5 .zt-img a,
.l-170227-04 .zt-6 .zt-img a,
.l-170227-04 .zt-7 .zt-img a
{border: 1px solid transparent; color: #fff; background: url(../img_17/img_svip_17/zt_bg.jpg) no-repeat -1px -1px;}
.l-170227-04 .zt-4 .zt-img .span-zt i,
.l-170227-04 .zt-5 .zt-img .span-zt i
{ background: url(../img_17/img_svip_17/zt_img3.png) no-repeat 0 0;}
.l-170227-04 .zt-1 small,
.l-170227-04 .zt-2 small
{position: absolute; width: 20px; height: 20px; right: -14px; bottom: -4px; background: url(../img_17/img_svip_17/zt_exam1.png); display: none;}
.l-170227-04 .zt-3 small,
.l-170227-04 .zt-4 small,
.l-170227-04 .zt-5 small,
.l-170227-04 .zt-6 small,
.l-170227-04 .zt-7 small
{position: absolute; width: 33px; line-height: 18px; text-align: center; right: -30px; bottom: 0px; border-radius: 3px; box-shadow: 0 0 1px rgba(0,0,0,0.68); background: #8e8e8e; font-size: 12px; color: #FFFFFF;}
.l-170227-04 .zt-2 .zt-img .span-zt i{ background: url(../img_17/img_svip_17/zt_img2.png) no-repeat 1px 0;}
.l-170227-04 .zt-3 .zt-img .span-zt i,
.l-170227-04 .zt-6 .zt-img .span-zt i,
.l-170227-04 .zt-7 .zt-img .span-zt i
{background: url(../img_17/img_svip_17/zt_img0.png) no-repeat 1px 0;}
.l-170227-04 .zt-3 .exam-week{border: 3px solid #31b0d5; cursor: pointer; box-shadow: 0 0 5px #31b0d5;}
.l-170227-04 .zt-4 .exam-week,
.l-170227-04 .zt-7 .exam-week
{background: #31b0d5; border: 3px solid #31b0d5; cursor: pointer;}
.l-170227-04 .zt-4 small,
.l-170227-04 .zt-7 small{background: #31b0d5;}
/*上下跳动的效果*/
/*.l-170227-04 .zj-cont-0 .zt-2 .zt-img .span-zt i,*/
.l-170227-04 .zt-2 .zt-img .span-zt i{animation: bounce-down 0.8s linear infinite; -ms-animation: bounce-down 0.8s linear infinite; -moz-animation: bounce-down 0.8s linear infinite; -webkit-animation: bounce-down 0.8s linear infinite; -o-animation: bounce-down 0.8s linear infinite;}
@keyframes bounce-down {
    0% {transform: translateY(-7px);}
    50% {transform: translateY(3px);}
    100% {transform: translateY(-7px);}
}
@-ms-keyframes bounce-down {
    0% {-ms-transform: translateY(-7px);}
    50% {-ms-transform: translateY(-3px);}
    100% {-ms-transform: translateY(-7px);}
}
@-moz-keyframes bounce-down {
    0% {-moz-transform: translateY(-7px);}
    50% {-moz-transform: translateY(-3px);}
    100% {-moz-transform: translateY(-7px);}
}
@-webkit-keyframes bounce-down {
    0% {-webkit-transform: translateY(-7px);}
    50% {-webkit-transform: translateY(-3px);}
    100% {-webkit-transform: translateY(-7px);}
}
@-o-keyframes bounce-down {
    0% {-o-transform: translateY(-7px);}
    50% {-o-transform: translateY(-3px);}
    100% {-o-transform: translateY(-7px);}
}
/*阶段课程*/
.l-170227-04 .zj-cont-1{background: url(../img_17/recycle/zj_cont_bg1.jpg) no-repeat right bottom #f7f7f7;}
.l-170227-04 .zj-cont-3 {background: url(../img_17/recycle/zj_cont_bg2.jpg) left bottom no-repeat rgb(247, 247, 247);}
.l-170227-04 .zj-cont-1 .zt-img .zt-1 a,
.l-170227-04 .zj-cont-1 .zt-img .zt-2 a,
.l-170227-04 .zj-cont-3 .zt-img .zt-1 a,
.l-170227-04 .zj-cont-3 .zt-img .zt-2 a{background: #f7f7f7;}
.l-170227-04 .zj-cont .line{ position: absolute; top: 0; left: 50%; margin-left: -1px; z-index: 0; width: 2px; background: #e6e6e6;}
/*标题*/
.l-170227-04 .zj-cont .title-1{position: relative; height: 39px;}
.l-170227-04 .zj-cont .title-1 .line{height: 39px;}
.l-170227-04 .zj-cont .title-1 .dot{position: absolute; top: 8px; background: url(../img_17/img_svip_17/icon_dot1.png); width: 14px; height: 14px; left: 50%; margin-left: -7px;}
.l-170227-04 .zj-cont .title-1 .text{position: absolute; top: 3px; left: 50%; margin-left: 20px; font-size: 15px;}
/*内容框架*/
.l-170227-04 .zj-cont .cont-1{ text-align: center; max-width: 730px; margin: 0 auto;}
.l-170227-04 .zj-cont .cont-1 .cont-box{border: 2px solid #e6e6e6; display: inline-block;}
.l-170227-04 .zj-cont .cont-1 .cont1-box{margin-top: 0;}
.l-170227-04 .zj-cont .cont-1 ul{margin: 0 -61px; height: 200px;}
/*内容li*/
.l-170227-04 .zj-cont .cont-1 li{float: left; position: relative; margin: 0 10px;}
.l-170227-04 .zj-cont .cont-1 li .line{ height: 200px;}
.l-170227-04 .zj-cont .cont-1 li .arrwo-down{ width: 12px; height: 14px; display: block; margin: 8px auto; position: relative; background: url(../img_17/img_svip_17/icon_arrow_down.png) no-repeat;}
.l-170227-04 .cont-box li:hover small{display: block;}
/*只有一条数据的显示样式*/
.l-170227-04 .zj-cont .cont-box.one ul{margin: 0;}
.l-170227-04 .zj-cont .cont-box.one{border: none;}
/*月考*/
.l-170227-04 .zj-cont .cont-2{position: relative; height: 82px; padding-top: 15px;}
.l-170227-04 .zj-cont .cont-2 .line{height: 82px;}
.l-170227-04 .zj-cont .cont-2 .exam-mouth{display: block; cursor: default; position: relative; width: 57px; height: 57px; line-height: 48px; text-align: center; margin: 0 auto; border: 3px solid transparent; background: #686f6f; border-radius: 50%; color: #fff; font-size: 12px; letter-spacing:-1px;}
.l-170227-04 .zj-cont .cont-2 .exam-mouth span{font-size: 28px; font-weight: bold;}
.l-170227-04 .zj-cont .cont-2.zt-3 .exam-mouth{border: 3px solid #31b0d5; cursor: pointer; box-shadow: 0 0 5px #31b0d5;}
.l-170227-04 .zj-cont .cont-2.zt-4 .exam-mouth{border: 3px solid #31b0d5; background: #31b0d5; cursor: pointer;}
.l-170227-04 .zj-cont .cont-2.zt-4 .exam-mouth small{background: #31b0d5;}
.l-170227-04 .zj-cont:last-child .cont-2,
.l-170227-04 .zj-cont:last-child .cont-2 .line{height: 105px;}
.l-170227-04 a.exam-mouth:hover small{display: block;}
/*预科*/
.l-170227-04 .zj-cont{position: relative;}
.l-170227-04 .zj-cont:first-child .cont-1 ul{ height: auto;}
.l-170227-04 .zj-cont:first-child li .arrwo-down{display: none;}
.l-170227-04 .zj-cont:first-child .title-1 .dot{ top:-2px;}
.l-170227-04 .zj-cont:first-child .title-1 .text{ top: -5px;}
/*点我开启学习之旅*/
.l-170227-04 .tips-jl-start{position: absolute; top: 38px; left: 418px; text-align: center; z-index: 10;}
.l-170227-04 .tips-jl-start span{position: absolute; width: 61px; height: 61px; top: 13px; left: 21px; cursor: pointer; background: #fff; opacity: 0; display: block;}
/*奖杯*/
.l-170227-04 .zj-cont.success{position: relative;}
/*点击完成按钮*/
.l-170227-04 .btn-end{margin-top: 30px;}
.l-170227-04 .btn-end .btn{display: inline-block; width: 142px; height: 37px; line-height: 37px; font-size: 18px; color: #fff; letter-spacing: 5px; background: #27abc1; border-radius: 10px; border: none; cursor: pointer;}


/*右侧内容*/
.l-170227-05{background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin-bottom: 20px;}
.l-170227-05 .cont-title{font-size: 12px; padding:4px 0 0 12px; border-bottom: 1px solid #dedede;}
.l-170227-05 .cont-title span{float: left; width: 3px; height: 12px; background: #31b0d5; margin: 6px 5px 0 0;}
/*班级老师组*/
.l-170227-05.bjls-cont .cont-title{border:none}
.l-170227-06 .dl{padding:0 10px 0 18px; margin: 10px auto 12px; padding-bottom: 16px; border-bottom: 1px solid #dedede;}
.l-170227-06 .dl dt{width: 67px; height: 67px; border-radius: 50%; margin-right: 8px;}
.l-170227-06 .dl dd{width: 130px;font-size: 12px; line-height: 18px; margin-top: 9px;}
.l-170227-06 .dl dd p{height: 35px; overflow: hidden;}
.l-170227-06 .dl dd .p-title{font-size: 16px; color: #333; height: auto; padding-bottom: 5px;}
.l-170227-06 .dl-title-list{text-align: center; padding-bottom: 20px;}
.l-170227-06 .dl-title-list li{display: inline-block; width: 27px; height: 27px; margin: 0 8px;}
.l-170227-06 .dl-title-list li.on img{transform: scale(1.3); transition: all 1s ease 0s;
    -ms-transform: scale(1.3); -ms-transform: all 1s ease 0s;
    -moz-transform: scale(1.3); -moz-transform: all 1s ease 0s;
    -webkit-transform: scale(1.3); -webkit-transform: all 1s ease 0s;
    -o-transform: scale(1.3); -o-transform: all 1s ease 0s;}
/*班级动态*/
.l-170227-05.bjdt-cont{padding-bottom: 10px;}
/*焦点图*/
.l-170227-07{ width:215px; margin: 0 auto; overflow:hidden; position:relative; padding: 7px 0 17px;}
.l-170227-07 .bd{ position:relative; height:100%; z-index:0;   }
.l-170227-07 .bd li{ zoom:1; vertical-align:middle; }
.l-170227-07 .bd img{ width:215px; height:145px; display:block;  }
.l-170227-07 .hd{ position: absolute; width: 100%;}
.l-170227-07 .hd ul{ height:3px; text-align: center;}
.l-170227-07 .hd ul li{ display: inline-block; width:7px; height:3px; background:#ccc; cursor:pointer; margin: 0 3px;}
.l-170227-07 .hd ul li.on{ background:#31b0d5; width: 14px;}
/*班级排名*/
.l-170227-08{padding: 10px 0 15px;}
.l-170227-08 li{width: 200px; margin: 0 auto; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/*弹层*/
.l-gray_layer{display:none; position: fixed; height: 100%; top:0; left:0; width: 100%; background: rgba(0,0,0,0.6);}
/*弹层-视频列表*/
.l-170227-09{height: 100%; position: fixed; top: 0px; right: -530px; background: #fff; width: 530px; background: url(../img_17/recycle/zj_cont_bg3.jpg) no-repeat right bottom #fff; box-shadow: 0 2px 18px rgba(0,0,0,0.1);}
.l-170227-09 .btn-close{padding: 16px 0 14px 25px;}
.l-170227-09 .btn-close span{display: inline-block; width: 57px; height: 24px; line-height: 24px; color: #fff; text-align: center; border-radius: 10px; font-size: 12px; background: #50afd1; cursor: pointer;}
.l-170227-09 .video-title{padding: 16px 14px 14px 90px; height: 85px; background: url(../img_17/img_svip_17/video_title_bg.png) no-repeat 25px 16px; line-height: 55px; color: #333; border: 1px solid #d9d9d9; border-left: none; border-right: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.l-170227-09 .video-list{margin: 23px 14px 0 40px; /*border-left: 1px solid #e6e6e6;*/}
.l-170227-09 .video-list .ul{margin-left: -15px; height: 100%; position: relative; top: -5px;}
.l-170227-09 .video-list li{height: 37px; padding-top: 5px;}
.l-170227-09 .video-list .icon-video{float: left; border-radius: 50%; background: #31b0d5; height: 28px; width: 28px; margin-top: 0px; position: relative;}
.l-170227-09 .video-list .icon-video span{font-size: 0; border-width: 6px; border-color: #fff; border-left-width: 10px; border-right-width: 0; border-style: solid; border-top-color: transparent; border-bottom-color: transparent; position: absolute; left: 10px; top: 8px;}
.l-170227-09 .day-class{float: left; margin: 0 10px 0 6px; padding: 0 2px; width: 270px; border:1px solid transparent; font-size: 12px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-170227-09 .day-class.cur{border:1px solid #e6e6e6; box-shadow: 0 1px 5px rgba(0,0,0,0.1); line-height: 35px; margin-top: -5px;}
.l-170227-09 .video-list .class-link{float: left;}
.l-170227-09 .video-list .class-link a{font-size: 12px; background: url(../img_17/img_svip_17/submenu2.png) no-repeat; padding-left: 21px; margin-left: 6px;}
.l-170227-09 .video-list .class-link a:hover{color: #e95345;}
.l-170227-09 .video-list .class-link .link-1{background-position: left -100px;}
.l-170227-09 .video-list .class-link .link-1:hover{background-position: left -150px;}
.l-170227-09 .video-list .class-link .link-2{background-position: left -450px;}
.l-170227-09 .video-list .class-link .link-2:hover{background-position: left -500px;}
.l-170227-09 .video-list .class-link .link-3{background-position: left -200px;}
.l-170227-09 .video-list .class-link .link-3:hover{background-position: left -250px;}
/*弹层-colorbox默认样式*/
/*#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}*/
/*colorbox默认样式去除*//*关闭按钮样式仅应用于提示框弹层*/
#colorbox{z-index: 10;}
#colorbox:focus{outline: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#cboxContent #cboxClose{ position: absolute; top: 12px; right: 24px; width: 18px; height: 18px; cursor: pointer; background: url("../img_17/img_svip_17/l_icon_close1.png") no-repeat; text-indent: -999px; overflow: hidden; border: none}
#cboxOverlay{position: fixed; width: 100%; height: 100%; top:0; background: rgba(0,0,0,0.6); z-index: 10;}
/*登录注册页面关闭按钮样式*/
.l-170314-close{position: absolute; width: 18px; height: 18px; background: url(../img_17/img_svip_17/l_icon_close1.png); top: 15px; right: 20px; cursor: pointer; z-index: 1;}
/*弹层-确认提交操作*/
.l-170227-10 .open-title{background: #00abe1; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; height: 42px; line-height: 42px; padding: 0 24px;}
.l-170227-10 .open-title span{ float: right; margin-top: 12px; background: url(../img_17/img_svip_17/l_icon_close.png) no-repeat; width: 18px; height: 18px;}
.l-170227-10 .open-cont{background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 0 24px 45px;}
.l-170227-10 .open-text{padding: 45px 7px 24px; text-align: center; line-height: 24px;}
.l-170227-10 .open-btn{ text-align: center;}
.l-170227-10 .btn{display: inline-block; cursor: pointer; width: 123px; height: 43px; text-align: center; line-height: 43px; border: 1px solid #CCCCCC; margin: 0 15px; border-radius: 5px;}
.l-170227-10 .btn-default{background: #fff; color: #00ABE1;}
.l-170227-10 .btn-primary{background: #00ABE1; color: #fff;}





/*支付页面*/
.l-pay-2017new{background: #f8f8f8; padding: 20px 0;}
.l-pay-2017new .container{background: #fff;}
.l-0309{width: 1016px; margin: 0 auto; padding-top: 40px;}
.l-0309 .title-0309{ color: #00abe1; padding-bottom: 23px;}
.l-0309 .title-0309 span{float: left; width: 5px; height: 14px; background: #dedede; margin: 5px 10px 0 0;}
.l-0309-01{border: 1px solid #dedede; padding: 23px 0 0 14px; height: 142px;}
.l-0309-01 .class-text{margin-left: 200px;}
.l-0309-01 .class-text p{ padding-top: 6px;}
.l-0309-01 .class-text p.p1{font-size: 18px; color: #333;}
.l-0309-01 .class-text p.p2{font-size: 16px; color: #fb8d00;}
.l-0309-02 .pay-list li{float: left; height: 50px; line-height: 50px; border: 1px solid #dedede; padding: 0 20px 0 52px; color: #020202; font-size: 16px; margin-right: 10px; cursor: pointer;}
.l-0309-02 .pay-list li.icon-pay1{background: url(../img_17/img_svip_17/icon_pay1.gif) no-repeat 24px center;}
.l-0309-02 .pay-list li.icon-pay2{background: url(../img_17/img_svip_17/icon_pay2.gif) no-repeat 24px center;}
/* .l-0309-02 .pay-list li.icon-pay3{background: url(../img_17/img_svip_17/icon_pay3.gif) no-repeat 24px center;} */
.l-0309-02 .pay-list li.icon-pay3{ padding-left:20px;}
.l-0309-02 .pay-list li.icon-pay3 b{ color:red; font-size:18px; padding-right:8px;}
.l-0309-02 .pay-list li.cur{border: 1px solid #fb8d00; position: relative;}
.l-0309-02 .pay-list li.cur span{position: absolute; background: url(../img_17/img_svip_17/l_pay_list_cur.png); width: 21px; height: 19px; bottom: 0; right: 0;}
.l-0309-02 .pay-help{margin-top: 27px; background: #f8f8f8; padding: 19px 0 20px 20px; position: relative; display: none;}
.l-0309-02 .pay-help span.triangle{position: absolute; top: -17px; left: 330px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 17px solid #f8f8f8;}
.l-0309-02 .pay-help .pay-input{ width: 130px; height: 23px; padding-left: 10px; border: 1px solid #dedede; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,0.04); margin-right: 10px; font-size: 12px;}
.l-0309-02 .pay-help .submit-btn{cursor: pointer; display: inline-block; width: 46px; height: 23px; text-align: center; line-height: 23px; color: #fff; background: #00abe1; border-radius: 3px; font-size: 12px;}
.l-0309-03{padding-bottom: 40px;}
.l-0309-03 b{font-weight: normal; font-size: 16px; color: #4c4c4c; display: inline-block; margin-right: 47px; line-height: 50px;}
.l-0309-03 i{font-size: 16px; color: #fb8d00;}
.l-0309-03 .pay-btn{display: inline-block; height: 50px; line-height: 50px; background: #fb8d00; cursor: pointer; color: #fff; font-size: 16px; width: 128px; text-align: center; letter-spacing: 3px;}

.l-0309-02 .pay-help .pay-input{ float:left; background: #fff; position: relative;}
.l-0309-02 .pay-help .custom_sel_text{cursor: pointer;height:23px; line-height:23px; font-size:12px; position: relative;}
.l-0309-02 .pay-help .custom_sel_list{top: 22px;background:#fff;width:128px;left: 0;border:none;position: absolute;border: 1px solid #dedede;border-radius: 3px;box-shadow: 0 1px 1px rgba(0,0,0,0.04);}
.l-0309-02 .pay-help .custom_sel_list li{cursor: pointer; font-size:12px; padding:0 10px; color:#8e8f90;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.l-0309-02 .pay-help .custom_sel_list li:hover{background:#f8f8f8;}
.l-0309-02 div.pay-input{position: relative;}
.l-0309-02 div.pay-input span{ position: absolute; right:0;width: 24px;border-left: 1px solid #dedede; background: #f8f8f8; text-align: center; height: 21px; line-height: 20px;}

.code-0328{ padding-top: 50px; width: 544px;}
.code-0328 .f12{font-size: 12px;}
.code-0328 .title{ font-size: 16px; color: #333; padding-bottom: 12px;}
.code-0328 .title span.num{font-size: 22px; color: #ffa406; padding-bottom: 17px;}
.code-0328 .img{ padding: 27px 27px 13px; width: 210px; margin: 14px auto 46px; border: 1px solid #dfdfdf;}
.code-0328 .img img{display: block; width: 156px; height: 156px;}
.code-0328 .img p{margin-top: 30px; line-height: 20px; padding-left: 47px; background: url(../img_17/img_svip_17/l_pay_scan.png) no-repeat 10px 6px;}

/*付费协议*/
.l-0309-03 .l-add-agree{ padding-left:26px; line-height: 27px;}
.l-0309-03 .l-add-agree span{display: inline-block;}
.l-0309-03 .l-add-agree i.l-check{margin-top: 14px; float: left; width: 21px; height: 18px; background: url(../img_17/img_svip_17/icon_pay_choose.png) left center no-repeat; cursor: pointer;}
.l-0309-03 .l-add-agree i.l-checked{ background-position: -24px center;}
.l-0309-03 .l-add-agree b{ font-weight: normal; color: #00abe1; font-size: 14px; cursor: pointer;}

.l-read-agree .open-cont{ padding: 25px 35px;}
.l-read-agree .open-text{ padding: 0; text-align: left; height: 400px; overflow-y: scroll;}
.l-read-agree .open-text p{padding-bottom: 8px;}
.l-read-agree .open-text p span{ color: #00abe1;}


/***************************************************/

.x-170227-svip em{
    font-style: normal;
}
.x-svip0227-tit {
    height:64px;
    margin-top: 26px;
    text-align: center;
}
.x-svip0227-tit span {
    display: inline-block;
    width:100px;
    font-size: 18px;
}
.x-svip0227-tit span:first-child{
    margin-right:60px;
}
 .x-svip0227-tit span.x-active, .x-svip0227-tit span:hover {
     border-bottom:1px solid #51afd1;
     color: #51afd1;
    cursor: pointer;
    padding: 4px;
 }
.x-tab>ul{
    display: none;
}
.x-tab>ul.x-active{
    display: block;
}
.x-170227-svip>ul>li>input{
    background: #fff !important;
}
.x-sv-icon{
     display: inline-block;
     width: 36px;
     height: 38px;
     position: absolute;
     left: 11px;
     top: 25px;
     background: url(../images_new/mybg.png) -10px -39px no-repeat;
 }
.x-sv-icon.x-sv-iconuser{
    background-position: -10px 0;
}
.x-sv-icon.x-sv-iconpwd{
    background-position: -10px -78px;
}
.x-sv-icon.x-sv-iconphone{
    background:url(../img_17/img_svip_17/x-svip-icon_phone.png) no-repeat 4px 4px;
}
.x-svip-lmode em{
    position: relative;
    top:-7px;
    margin: 0 15px 0 8px;
}
.cook.x-lmode-box label {
    float: right;
    padding-top:4px;
}
.cook.x-lmode-box label input{
    position: relative;
    top:2px;
    width: 15px;
    height: 15px;
}
.x-pwdbox em{
    background: #34b0d5;
    border-radius: 4px;
    color: #fff;
    padding:0 8px;
    position: absolute;
    font-size:10px;
    right:8px;
    top:32px;
    cursor: pointer;
    font-style: normal;
}

.x-pwdbox em:hover{
    background: #5bc0de;
}

.x-left {
    float: left;
}
.x-right {
    float: right;
}
i {
    font-style: normal;
}
/*注册*/
.svip-register-content {
    margin: 40px auto 140px;
     /* width: 668px; */
    width: 510px;
    border: 1px solid #e8e8e8;
    background-color: rgba(255,255,255,0.8);
    padding: 0 5px;
    overflow: hidden;
}
.svip-register-content .svip-register-ct {
    width: 510px;
    padding:0 38px 18px;
}
.svip-register-content .x-text-cont{
    width: 145px;
    padding:50px 0 50px 26px;
    border-left:1px dashed #ccc;
    margin-top: 80px;
}
.svip-register-content .svip-register-ct>ul>li{
    position: relative;
    margin-bottom: 25px;
}
.svip-register-content .x-errmes {
    color: #d40207;
    font-size: 13px;
    height: 24px;
}
.svip-register-content .x-errmes .x-err,.error .x-err {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    vertical-align: middle;
    background: url(../images_new/mybg.png) 0 -425px no-repeat;
    font-style: normal;
}
.svip-register-content .x-errmes i{
    vertical-align: middle;
}
.svip-register-content .svip-register-ct>ul>li input{
    color: #666;
    border: 1px solid #ddd;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 55px;
}
.svip-register-content .svip-register-ct>ul>li.x-yzmbox input {
    display: inline-block;
    width: 110px;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    margin: 0 10px 0 16px;
    vertical-align: middle;

}
.svip-register-content .svip-register-ct>ul>li.x-yzmbox p {
    display: inline-block;
    line-height: 37px;
    vertical-align: middle;
}
.svip-register-content .svip-register-ct>ul>li.x-yzmbox img {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.js-pwdLook{ display: inline-block; width: 16px; height:10px; position: absolute; background: url(../img_17/img_svip_17/x_pwdlook.png) no-repeat; top:39px; right:15px; cursor: pointer;}
.pwdlook.js-pwdLook{ background-image: url(../img_17/img_svip_17/x_pwdlook2.png);}
.svip-register-content .svip-register-ct>ul>li.x-yzmbox .x-errmes {
    color: #d40207;
    font-size: 13px;
    height: 24px;
}
.svip-register-content .svip-register-ct>ul>li.x-yzmbox .x-errmes .x-err {
    margin: 0;
 }
.svip-register-content .svip-register-ct>ul>li.x-zc a {
    display: block;
    width:100%;
    height: 40px;
    background-color: #31b0d5;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
}
.svip-register-content .svip-register-ct>ul>li.x-zc a:hover {
    background-color: #5bc0de;
}
.svip-register-content .svip-register-ct>ul>li:last-child{
    margin-bottom: 5px;
}
.x-errmes {
    display: none;
}
/*个人信息新增*/
.chpass .x-svipadd li {
    text-align: left;
    padding-left: 150px;
}
.chpass .x-svipadd li p{
    width: 120px;
    text-align: right;
}
.chpass .x-svipadd li small{
    color: #51afd1;
    cursor: pointer;
    margin-left: 12px;
}
.x-set1 .x-jbxx {
    color: #333;
    font-size:16px;
}
.x-set1>ul>li:last-child {
    margin-top:30px;
    margin-bottom:40px;
    padding-left:192px;
    width: 410px;
    text-align: right;
}
.x-set1 li>span {
    display: inline-block;
    width:80px;
}
.x-set1 li>p {
    display: inline-block;
}
.x-set1 .x-jbxx span {
    display: inline-block;
    width:4px;
    height: 16px;
    background: #288baa;
    margin-right: 10px;
    position: relative;
    top:2px;
}
.x-set1 .x-tx {
    line-height:90px;
    margin:25px 0;
}
.x-set1 .x-touxbox {
    border:1px solid #2f7181;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.x-set1 .x-touxbox em{
    display: none;
    width:100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-style: normal;
}
.x-set1 .x-touxbox:hover em{
	display: inline-block;
}
.x-set1 .x-tx img {
    display: inline-block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top:0;
    left:0;
}
.x-set1 .x-uname a{
    color: #51afd1;
    margin-left: 15px;
}
.x-queren a{
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background-color: #31b0d5;
    border-radius: 3px;
}
.x-modal{
    display: none;
    position: fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: rgba(0,0,0,.5);
    z-index: 9999;
}
.x-modal .x-modal-box {
    position: absolute;
    top:50%;
    left:50%;
    height:515px;
    width:670px;
    margin-left:-335px;
    margin-top:-260px;
    background: #fff;
}
.x-modal .x-modal-box .x-modal-tit{
    overflow: hidden;
    line-height:40px;
    background: #f5f5f5;
    border-top:#8e8e8e;
    padding:0 10px 0 20px;
}
.x-modal .x-modal-box .x-modal-tit .x-close {
    cursor: pointer;
}
.x-shchbox .x-shch-act{
    margin:10px auto;
    width:300px;
    height: 300px;
    border:1px solid #d8d8d8;
    text-align: center;
    font-size: 13px;
}
.x-shchbox .x-shch-act img{
    cursor: pointer;
}
.x-shchbox .x-shch-act p{
    margin-top:10px;
    color: #888;
}
.x-shchbox .x-btn-group {
    width:300px;
    margin:10px auto;
    text-align: center;
}
.x-shchbox .x-btn-group button {
    cursor: pointer;
    width: 100px;
    height: 35px;
    line-height: 30px;
    background-color: #31b0d5;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #31b0d5;
}
.x-shchbox .x-img-tips{margin-top: 20px; text-align: center;}
.x-shchbox .x-img-tips.suc{color: #2ecc71;}
.x-shchbox .x-img-tips.err{color: #f44336;}
/*完善信息补充*/
.l-170314-01 li{ margin: 10px 0; position: relative;}
.l-170314-01 li.x-choose-down span{float: left; line-height: 32px;}
.l-170314-01 li i{margin-left: 8px; color: #31b0d5;}
.l-170314-01 .i-click{ cursor: pointer;}
.l-b-code{font-weight: normal; margin-left: 10px; display: inline-block; width: 100px; height: 32px; line-height: 32px; text-align: center; color: #fff; background: #31b0d5; border-radius: 3px; cursor: pointer;}
.l-170314-01 small{ position: absolute; top: -5px; left:424px; color: #b3b3b3; margin-left: 10px; line-height: 18px; width: 180px; display: inline-block;}
.l-170314-01 .l-error .l-170314-text-01{ border: 1px solid #f72323;}
.l-170314-01 .l-error i{color: #f72323;}
.l-170314-01 .l-error img{vertical-align: sub;}
/*input*/
.l-170314-text-01{width: 330px; height: 32px; border: 1px solid #dfdfdf; padding-left: 8px; color: #999;}
.l-170314-text-02{width: 100px; height: 32px; border: 1px solid #dfdfdf; padding-left: 8px; color: #999;}
input.l-170314-text-01[readonly]{background: #f8f8f8;}
/*下拉*/
.x-choose-down .x-ipt-group{width: 330px; height: 32px; border: 1px solid #dfdfdf; padding-left: 8px; color: #999; background: #fff; display: inline-block; position: relative;}
.x-ipt-group .custom_sel_text{cursor: pointer;height:32px; line-height:32px;}
.x-ipt-group span{display: inline-block; height:100%; width:28px; border-left: 1px solid #dedede; background: url(../img_17/img_svip_17/x_i_d.png) no-repeat center #f8f8f8; position: absolute; top: 0; right: 0; cursor: pointer;}
.x-ipt-group .custom_sel_list{top: 30px;background:#fff;width:330px;left: -1px;position: absolute;border: 1px solid #dedede;box-shadow: 0 1px 1px rgba(0,0,0,0.04); z-index: 1;}
.x-ipt-group .custom_sel_list li{cursor: pointer;padding:0 10px;color:#8e8f90;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; margin: 0; line-height: 35px;}
.x-ipt-group .custom_sel_list li:hover{background:#f8f8f8;}
/*账户安全补充*/
.setcont .chpass .l-170315-01 li{margin-bottom: 10px;}
.setcont .chpass .l-170315-01 .l-title{ font-size: 16px; margin: 30px 0 17px;}
.chpass .l-170315-01 li p{ width: auto; padding-left: 16px; min-width:60px;}
.chpass .l-170315-01 li:first-child p{padding:0;}
.chpass .l-170315-01 .l-title p{ min-width: 5px; padding: 0px; height: 16px; background: #31b0d5; float: left; margin: 5px 5px 0 0;}
.setcont .chpass .l-170315-01 li:last-child{width: 610px; margin-top: 20px;}
.setcont .chpass .l-170315-01 li:last-child a{position: relative;margin: 0;right: 0;display: inline-block;}
.l-170315-01 li i{ margin-left: 12px; color: #f72323;}
.l-170315-01 li img{vertical-align: sub;}
.l-170315-01 input[readonly]{background: #f8f8f8;}
/*弹层绑定*/
.l-170316-bind{ position: relative;}
.l-170316-bind .open-cont{ padding: 0px 40px 45px;}
.l-170316-bind .open-form{ padding-top: 30px;}
.l-170316-bind .open-form .input-list{ margin-bottom: 15px;}
.l-170316-text-01{ width: 100%; padding: 0 10px; height: 34px; border: 1px solid #d1d1d1; border-radius: 3px; font-size: 12px;}
.l-170316-text-01.l-code-text{ width: 180px;}
.l-170316-bind .l-b-code{ width: 130px;}
.l-170316-bind .btn-block{ height: 36px; line-height: 36px;}
.l-170227-10 .btn-block{width: 100%; margin: 0;}
.l-170316-bind .l-error{position: absolute; bottom: 14px; left: 40px; color: #f72323; display: none;}
.l-170316-bind .l-error img{vertical-align: sub;}





/*vip导航引导*/
.l-170412-guide{ position: absolute; top:0; width: 100%; left: 0; z-index: 10;}
.l-170412-guide p{ width: 1200px; margin: 0 auto; position: relative;}
.l-170412-guide .guide-img1{ position: absolute;right: 317px;top: 2px;}
.l-170412-guide .guide-img2{ position: absolute;top: 80px;right: 0;}