body{background-color: #f5f7fa !important;}
@media screen and (max-width:1000px) { 
.wap_main {width: 1200px; margin:0 auto; display:table; overflow:hidden}
} 
/*head*/
.video_head{height:80px; width:100%; background:#fff;box-shadow: 0 5px 20px 0 rgba(13, 5, 9, 0.05); position:relative; z-index:99999}
.video_head .logo{ float:left; padding:17px 0 0 0}
.video_head .nav{ float:left; padding:0 0 0 40px}
.video_head .nav ul li{ float:left; padding:0 0 0 40px; line-height:80px; position:relative}
.video_head .nav ul li a{ font-size:16px; display:block}
.video_head .nav .line{ position: absolute; background:#fff; border-radius:0 0 10px 10px; box-shadow:0 5px 15px rgba(0,0,0,.2); display:none; line-height:normal !important; width:800px; text-align:center; left:-300px; padding:25px 0 ;top:80px;z-index: 99999;}
.video_head .nav #line .study i{ font-size:12px; padding-left:5px}
.video_head .nav #line .on{ color:#e62129}
.video_head .nav .line dl dd{ display:inline-block; margin:0 15px}
.video_head .nav .line dl dd p{ font-size:14px; line-height:20px; padding:10px 0 0 0}
.video_head .nav .line dl dd .icon{  width:50px; height:50px; background:#f54040; color:#fff; border-radius:50%;background-image:linear-gradient(to bottom left, #f35c5c, #f54040); display:inline-block}
.video_head .nav .line dl dd:nth-child(2) .icon{background-image:linear-gradient(to bottom left, #fe7e3a, #f5733f);}
.video_head .nav .line dl dd:nth-child(3) .icon{background-image:linear-gradient(to bottom left, #29c7e4, #18b8c3);}
.video_head .nav .line dl dd:nth-child(4) .icon{background-image:linear-gradient(to bottom left, #f6753a, #fb4731);}
.video_head .nav .line dl dd:nth-child(5) .icon{background-image:linear-gradient(to bottom left, #8757df, #593be1);}
.video_head .nav .line dl dd .icon i{ font-size:26px; line-height:50px;}
.video_head .search{ float:left; margin:20px 0 0 40px; width:240px; position:relative}
.video_head .search .search_input{padding:0 12px;font-size: 14px;color: #9199A1;line-height:40px;height: 40px;width: 100%;float: left;border:none;box-sizing: border-box; background:#f3f5f6; border-radius:3px}
.video_head .search .search_input:focus{outline:none;}
.video_head .search .search_button{ position:absolute;right:10px;border:none; background:none; font-size:18px; cursor:pointer;top:10px; color:#545c63}
.video_head .signin{ float:right; line-height:80px; font-size:16px}
.video_head .signin em{ color:#666; padding:0 10px}
.video_user{float:right;margin-top:18px;position: relative;}
.video_user .img{width:40px;height: 40px;border:#fff solid 2px;;border-radius: 50%;box-shadow: 0 0 10px rgba(95,101,105,15%);cursor: pointer;}
.video_user .sub{display: none;position: absolute;top:0;right:0;padding-top:18px; margin-top: 44px;}
.video_user .sub .box{background: #fff;box-shadow: 0 8px 16px 0 rgb(7 17 27 / 20%);width:220px;border-radius: 0 0 5px 5px;padding:20px}
.video_user .sub .box .user img{width: 50px;height:50px;border-radius: 50%;border:#fff solid 2px;float:left;box-shadow: 0 0 10px rgba(95,101,105,15%);}
.video_user .sub .box .user span{font-size: 14px; color: #666;float:left;line-height: 50px;padding-left:10px}
.video_user .sub .box ul{position: relative;}
.video_user .sub .box ul li{background: #f8fafc;font-size: 14px; line-height: 36px;border-radius: 3px;overflow: hidden;margin-bottom:5px;padding-left:20px}
.video_user .sub .box ul li a{ color: #4d555d;display: block;}
.video_user .sub .box ul li a i{font-size: 14px; padding-right:8px;color: #4d555d;}
.video_user .sub .box ul li:hover{background: #d9dde1;}
.video_user .sub .box .history{padding:10px 0 14px;position: relative;}
.video_user .sub .box .history h4{font-size: 14px;color: #333;font-weight: normal;height: 24px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video_user .sub .box .history h4 i{font-size: 15px;padding-right: 5px;}
.video_user .sub .box .history h5{font-size: 14px;color: #333;padding-left:20px;font-weight: normal;height: 24px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video_user .sub .box .history p{font-size: 14px;color: #666;padding-left:20px;width: 160px;height: 24px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video_user .sub .box .history a{color: #e60012;position: absolute;right:0;bottom:14px;font-size: 14px;line-height: 24px;}
.video_user .sub .box .out{text-align: center;font-size: 14px;border-top:#eee solid 1px;padding-top:10px}
.video_user .sub .box .out a{color: #666;}
/*banner*/
.video_banner{position:relative;background: #fff;}
.video_box .nav{ width:260px; background:#39364d; border-radius:10px; height:350px; position:absolute; z-index:1000;top:-350px;}
.video_box .nav ul li{ font-size:14px; }
.video_box .nav ul li a{ color:#fff; display:block;line-height:50px; padding:0 8px 0 15px}
.video_box .nav ul li a:hover{ background:#4d4a5f}
.video_box .nav ul li i{ font-size:12px; float:right; color:#fff; color:rgba(255,255,255,.5)}
.video_box .nav ul li span{ font-size:12px}
.video_box .nav .sub{ position:absolute; width:850px; height:350px; z-index:1000;left:260px;top:0; background:#fff; border-radius:10px; display:none; overflow:hidden}
.video_box .nav .sub .bd{ background:#f3f5f6; padding:20px 0 0px 30px; overflow:hidden; height:180px}
.video_box .nav .sub .bd dl dd{ width:50%; float:left; margin-bottom:18px}
.video_box .nav .sub .bd dl dd .img{ float:left; margin-right:15px}
.video_box .nav .sub .bd dl dd .img img{ width:124px; height:70px; border-radius:3px}
.video_box .nav .sub .bd dl dd .info{ padding-right:30px}
.video_box .nav .sub .bd dl dd .info h4{ font-size:16px; font-weight:normal;height: 22px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.video_box .nav .sub .bd dl dd .info p{ font-size:14px; color:#666; padding-top:15px;}
.video_box .nav .sub .bd a{ color:#333; line-height:normal;padding:0; display:inline}
.video_box .nav .sub .bd a:hover{ background: none}
.video_box .nav .sub .hd{ height:150px; overflow:hidden}
.video_box .nav .sub .hd .t{ font-size:16px; font-weight:bold; padding:20px 0 10px 30px}
.video_box .nav .sub .hd a{ color:#333; padding:0 15px 0 0; display:inline; line-height:30px}
.video_box .nav .sub .hd a:hover{ background: none; color:#e1251b}
.video_box .nav .sub .hd .box{ padding:0 30px}
.video_box .nav .on{background:#4d4a5f;}
.video_box .nav .on:before{ content:''; display:inline-block; position:absolute; background:#fff;width:850px; height:350px;left:260px;top:0;border-radius:10px; }
.video_box .nav .on:first-child{border-radius: 10px 10px 0 0;overflow: hidden;}
.video_box .nav .on:last-child{border-radius:0 0 10px 10px;overflow: hidden;}
.video_box_banner{ position:relative; height: 382px  }
.video_box_banner .bd ul li{ width: 100%;position: absolute;left:0;top:0;height: 100%; }
.video_box_banner .bd ul li .img{ width:930px; height:350px;border-radius: 10px;overflow: hidden;position:absolute;top:32px;left:50%; margin-left:-330px ; z-index: 100;}
.video_box_banner .bd ul li .img img{ width:930px; height:350px;}
.video_box_banner .bd ul li .img a{ display: block;}
.video_box_banner .hd{position:absolute; bottom:15px; left:0;  z-index:101; text-align:center;width:930px;left:50%; margin-left:-330px ; }
.video_box_banner .hd ul li{ display:inline-block; width:8px; height:8px; border-radius:50%; margin:0 3px; background:#fff; background:rgba(255,255,255,.8); cursor:pointer; text-indent:-9999px}
.video_box_banner .hd ul li.on{  width:20px; border-radius:8px}
.video_box_banner .prev,.video_box_banner .next{background:rgb(0,0,0,.4);height:50px; width:50px; line-height:50px; color:#fff; position:absolute;top:50%; margin-top:-10px; 
display:none;border-radius:50%;text-align: center; z-index: 101; }
.video_box_banner .prev{left:50%; margin-left: -310px;}
.video_box_banner .next{right:50%; margin-right: -580px;}
.video_box_banner .prev i,.video_box_banner .next i{ font-size:26px}

.video_class{background: #fff;box-shadow: 0 0 20px rgb(0 0 0 / 8%);border-radius:8px; padding:20px 0;margin-bottom:20px;}
.video_class ul{ width:1100px; float:left; margin-left:20px}
.video_class ul li{ float:left; width:20%; text-align:center}
.video_class ul li .c{ padding-left:0px}
.video_class ul li .icon{ float:left; width:50px; height:50px; background:#f54040; color:#fff; border-radius:50%;background-image:linear-gradient(to bottom left, #f35c5c, #f54040);}
.video_class ul li:nth-child(2) .icon{background-image:linear-gradient(to bottom left, #fe7e3a, #f5733f);}
.video_class ul li:nth-child(3) .icon{background-image:linear-gradient(to bottom left, #29c7e4, #18b8c3);}
.video_class ul li:nth-child(4) .icon{background-image:linear-gradient(to bottom left, #f6753a, #fb4731);}
.video_class ul li:nth-child(5) .icon{background-image:linear-gradient(to bottom left, #8757df, #593be1);}
.video_class ul li .icon i{ font-size:26px; line-height:50px;}
.video_class ul li .t{ float:left; text-align:left; font-size:16px; padding:1px 0 0 10px}
.video_class ul li .t p{ font-size:14px; color:#666; padding-top:3px}
.video_class .all{ float:right; width:69px;border-left:#E8E8E8 solid 1px; margin:9px 0 0 0; padding:8px 0 8px 10px;}
.video_class .all p{ font-size:12px; padding-left:20px}
.video_class .all em{font-family:SimSun; padding-left:5px; font-size:12px;}
.video_bgf{box-shadow: 0 2px 8px 0 rgb(7 17 27 / 6%);background:#fff;padding-bottom:30px}
.video_bg{ box-shadow:0 2px 4px 0 rgb(7 17 27 / 6%);padding:20px 0 30px}
.video_box4{ padding:32px 0; }
.video_box4 .hd h3{ float:left; font-size:22px; color:#000}
.video_box4 .hd .tag{ float:left; font-size:14px; margin:5px 0 0 15px;  color:#fff; padding:0px 8px; background:#e60012; border-radius:3px; height:20px; line-height:20px; position:relative}
.video_box4 .hd .tag:before{content: "";display: inline-block;position:absolute;width: 0;height: 0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #e60012;left:-5px;top:5px}
.video_box4 .hd .yellow{background: #ff5000;}
.video_box4 .hd .yellow:before{border-right:5px solid #ff5000;}
.video_box4 .hd .green{background: #07c160;}
.video_box4 .hd .green:before{border-right:5px solid #07c160;}
.video_box4 .hd .blue{background: #3c7bf5;}
.video_box4 .hd .blue:before{border-right:5px solid #3c7bf5;}
.video_box4 .hd ul{ margin-left:30px; float:left}
.video_box4 .hd ul li{ display:inline-block; font-size:14px; margin:0 5px; color:#666; height:25px; line-height:25px; padding:0 10px; cursor:pointer}
.video_box4 .hd ul li.on{ color:#000; position:relative}
.video_box4 .hd ul li.on:before{content: "";display: inline-block;position:absolute; width:16px; height:2px; background:#e1251b;bottom:-2px;left:50%; margin-left:-8px; }
.video_box4 .hd ul li b{padding-right:5px}
.video_box4 .hd .more{ float:right; font-size:14px; line-height:25px}
.video_box4 .hd .more em{font-family:SimSun; padding-left:5px;}
.video_box4 .bd ul,.video_tj .bd ul{ position:relative; width:1224px} 
.video_box4 .bd ul li,.video_tj .bd ul li{ width:282px; float:left; margin:24px 24px 0px 0; background:#fff;box-shadow: 0 6px 10px 0 rgb(95 101 105 / 15%); border-radius:8px;transition: .4s ease all;}
.video_box4 .bd ul li .img,.video_tj .bd ul li .img{ position:relative; width:282px; height:160px}
.video_box4 .bd ul li .img img,.video_tj .bd ul li .img img{ width:282px; border-radius:8px 8px 0 0; height:160px}
.video_box4 .bd ul li .pic{ position:relative; width:282px; height:129px}
.video_box4 .bd ul li .pic img{ width:282px; border-radius:8px 8px 0 0; height:129px}
.video_box4 .bd ul li .pic .new{width: 40px;height: 20px;border: 2px solid #fff;background: #ff5403;color: #fff;font-size: 12px;position: absolute;top: 10px;left: -10px;border-radius: 20px;text-align: center;line-height: 20px;}
.video_box4 .bd ul li .pic .hot{width: 40px;height: 20px;border: 2px solid #fff;background: #f03238;color: #fff;font-size: 12px;position: absolute;top: 10px;left: -10px;border-radius: 20px;text-align: center;line-height: 20px;}
.video_box4 .bd ul li .pic .upgrade{width: 40px;height: 20px;border: 2px solid #fff;background: #a25eed;color: #fff;font-size: 12px;position: absolute;top: 10px;left: -10px;border-radius: 20px;text-align: center;line-height: 20px;}
.video_box4 .bd ul li:hover,.video_tj .bd ul li:hover{transform: translateY(-2px);box-shadow: 0 12px 20px 0 rgb(95 101 105 / 15%);}
.video_box4 .bd ul li .t,.video_tj .bd ul li .t{ padding:20px}
.video_box4 .bd ul li .t h4,.video_tj .bd ul li .t h4{ font-size:16px; font-weight:normal; line-height:24px; height:24px; overflow:hidden; color:#333}
.video_box4 .bd ul li .t p,.video_tj .bd ul li .t p{ padding-top:15px; font-size:14px; color:#666;}
.video_box4 .bd ul li .t p em,.video_tj .bd ul li .t p em{padding:0 5px}
.video_box4 .bd ul li a:hover h4,.video_tj .bd ul li:hover h4{ color:#e60012}
.video_tj{padding-top:0}
.video_tj .hd{background: #fff3f1;height: 55px; line-height: 55px;border-radius: 8px;}
.video_tj .hd ul li{float:left;width: 150px;text-align: center;font-size: 16px; color: #555;cursor: pointer;position: relative;}
.video_tj .hd ul li::before{content: '';position: absolute;right:0;top:15px;width: 1px;height: 25px;background: #fae3de;}
.video_tj .hd ul li.on{background: url(hd_on.jpg) no-repeat left;color: #fff;border-radius: 8px;}
.video_tj .hd ul li.on::before{display: none;}
.video_tj .hd ul li:last-child::before{display: none;}
.video_tj .listmore{text-align: center;border:#eee solid 1px;padding:10px 0px; border-radius: 30px;font-size: 18px;margin:50px auto 0;width: 200px;cursor: pointer;color: #333;}
.video_tj .listmore:hover{background: #e60012;color: #fff;}
.video_tj .listMoreOn{display: none;}
.video_line{ position:relative; width:1240px}
.video_line ul li{ width:224px; height:300px; overflow:hidden; margin:0 20px 20px 0; float:left; text-align:center; position:relative;}
.video_line ul li.k1{background: url(https://www.itbaizhan.com/public/new/index/images/jiubj6.png) no-repeat center;}
.video_line ul li.k2{background: url(https://www.itbaizhan.com/public/new/index/images/jiubj1.png) no-repeat center;}
.video_line ul li.k3{background: url(https://www.itbaizhan.com/public/new/index/images/jiubj7.png) no-repeat center;}
.video_line ul li.k4{background: url(https://www.itbaizhan.com/public/new/index/images/jiubj4.png) no-repeat center;}
.video_line ul li.k5{background: url(https://www.itbaizhan.com/public/new/index/images/jiubj5.png) no-repeat center;}
.video_line ul li.k6{background: url(https://www.itbaizhan.com/public/new/index/images/jiubj3.png) no-repeat center;}
.video_line ul li.k7{background: url(https://www.itbaizhan.com/public/new/index/images/jiubj2.png) no-repeat center;}
.video_line ul li.k8{background: url(https://www.itbaizhan.com/public/new/index/images/jiubj8.png) no-repeat center;}
.video_line ul li.k9{background: url(https://www.itbaizhan.com/public/new/index/images/jiubj9.png) no-repeat center;}
.video_line ul li.k10{background: url(https://www.itbaizhan.com/public/new/index/images/jiubj10.png) no-repeat center;}
.video_line ul li .t{ font-size:16px; color:#333; line-height:36px}
.video_line ul li .s{ font-size:14px; margin:125px 0 20px}
.video_line ul li .b{ position:relative; z-index:100}
.video_line ul li .b a{ width:116px; text-align:center; line-height:32px; margin-bottom:10px; border-radius:32px; font-size:16px; display:inline-block; color:#fff}
.video_line ul li:hover .b a{border:#fff solid 1px !important; color:#fff !important; background:none !important}
.video_line ul li:hover .b a:hover{ background:#fff !important; color:#333 !important}
.video_line ul li .mask{width: 224px;height: 300px;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;border-radius: 5px;overflow: hidden; display:none}
.video_line ul li:hover .mask{ display:block; color:#fff}
.video_line ul li:hover .mask h3{font-size: 16px;color: #fff;text-align: center;line-height: 22px;margin: 40px 0 15px;}
.video_line ul li:hover .mask p {width: 90%;margin: 14px auto 0;font-size: 14px;color: #fff;line-height: 22px;text-overflow: ellipsis;overflow: hidden;text-align:left}
.video_title{text-align: center;padding:40px 0 30px}
.video_title h3{font-size: 28px;color: #333;position: relative;display: inline-block;padding:0 50px}
.video_title h3::after,.video_title h3::before{content: "";background: url(title_icon.png) no-repeat;width: 25px;height: 20px;position:absolute;top:50%;margin-top: -8px;}
.video_title h3::after{background-position: 0 0;left: 0;}
.video_title h3::before{background-position: -25px 0;right: 0;}

.video_ranking{width: 386px;border-radius: 4px;background:#fff;float: left;position: relative; padding-bottom:5px; border-radius:8px;margin-bottom: 30px;box-shadow: 0 5px 20px 0 rgba(13, 5, 9, 0.05);  }
.video_ranking .title{height: 68px;padding: 0 16px;background: linear-gradient(to bottom, #fcf8ed, #fefbf5, #fff); line-height:68px}
.video_ranking .title h3{ background:url(top.png) no-repeat left center; height:68px; padding-left:25px; font-size:18px;color:#f89415; float:left}
.video_ranking .title span{ float:right;font-size: 18px;font-weight: bold;font-style: italic;color: #E2E2E2;}
.video_ranking ul li{ padding:0 16px 0 0; clear:both; display:block; overflow:hidden; margin-bottom:20px}
.video_ranking ul li .sort{ width:40px; float:left;font-size: 20px;font-family: Helvetica-BoldOblique,Helvetica; color:#b8b8b8; padding-top:5px; text-align: center}
.video_ranking ul li .n1{ color:#FA5055}
.video_ranking ul li .n2{ color:#FF7130}
.video_ranking ul li .n3{ color:#FFB425}
.video_ranking ul li .img{ width:120px; float:left}
.video_ranking ul li .img img{ width:120px; height:68px; border-radius:3px}
.video_ranking ul li .info{ float:right; width:198px }
.video_ranking ul li .info h4{ font-size:16px; height:22px; line-height:22px; overflow:hidden; font-weight:normal;white-space: nowrap;text-overflow: ellipsis;}
.video_ranking ul li .info p{ color:#666; padding-top:3px;font-size: 14px;line-height: 20px;}
.video_ranking .prev{background:rgb(0,0,0,.6);height:40px; width:40px;text-align:center; line-height:40px; color:#fff; position:absolute;top:50%; margin-top:-20px; display:none; border-radius:50%;left:10px; z-index:9000}
.video_ranking .next{background:rgb(0,0,0,.6);height:40px; width:40px; text-align:center; line-height:40px; color:#fff; position:absolute;top:50%; margin-top:-20px; display:none; border-radius:50% ;right:10px;z-index:9000}

.video_appraise{position: relative;}
.video_appraise .bd{overflow: hidden;}
.video_appraise .bd .tempWrap{overflow: inherit !important;}
.video_appraise .bd .tempWrap ul{overflow: inherit !important;}
.video_appraise ul li{width: 283px;float:left;margin: 0 20px 20px 0;padding-top:20px}
.video_appraise ul li .box{padding:0 20px 20px;background: #fff;border-radius: 8px;border:#eee solid 1px;box-shadow: 0 5px 5px 0 rgb(95 101 105 / 10%);}
.video_appraise ul li .box .user{margin-top: -15px;}
.video_appraise ul li .box .user img{width: 60px;height: 60px;border-radius: 50%;border:#fff solid 2px;float:left;box-shadow: 0 0 10px rgba(95,101,105,15%);}
.video_appraise ul li .box .user span{font-size: 14px; color: #666;padding:30px 0 0 10px;float:left}
.video_appraise ul li .box .txt{clear: both;display: block;font-size: 16px;color: #333;padding:15px 0 0 0;line-height: 26px;height: 96px;overflow: hidden;}
.video_appraise ul li .box a{padding-top:20px;font-size: 14px;color: #666;}
.video_appraise ul li .box a:hover{ color:#e60012}
.video_appraise .next,.video_appraise .prev{position: absolute;top:50%;margin-top: -15px;background: #fff;}
.video_appraise .next i,.video_appraise .prev i{font-size: 30px; color: #666;}
.video_appraise .next{right:-40px}
.video_appraise .prev{left:-40px}
.video_footer{text-align: center;font-size: 14px;line-height: 28px;color: #333;background: #fff;}
.video_footer .copy{ padding:30px 0;}
.video_footer .pic{background: url(foot_img.jpg) no-repeat center;width: 100%;height: 100px;;}
.video_footer .pic a{display: block;width: 100%;height: 100%;}
/*list*/
.video_selection{padding:40px 0 30px;background: #f5f7fa;overflow: hidden; font-size:14px}
.video_selection span{ width:55px; float:left; color:#333;font-weight: bold; line-height:26px}
.video_selection .fl{ float:left; width:1145px}
.video_selection .fl a{ margin-right:15px; color:#333; padding:4px 10px 4px; border-radius:3px; margin-bottom:12px; float:left}
.video_selection .fl a:hover{ color:#e60012}
.video_selection .fl .on{color:#e60012; background:#f2e7e9}
.video_selection .fl a.on{ color:#e60012}
.video_list{ padding:10px 0 0px;background: #fff;}
.video_list ul{ position:relative; width:1224px} 
.video_list ul li{width:282px; float:left; margin:24px 24px 0px 0; background:#fff;box-shadow: 0 6px 10px 0 rgb(95 101 105 / 15%); border-radius:8px;transition: .4s ease all;}
.video_list ul li .img{ position:relative; width:282px; height:160px}
.video_list ul li .img img{ width:282px; border-radius:8px 8px 0 0; height:160px}
.video_list ul li .t{ padding:10px 15px 20px}
.video_list ul li .t h4{font-size:16px; font-weight:normal; line-height:24px; height:24px; overflow:hidden; color:#333}
.video_list ul li .t p{padding-top:15px; font-size:14px; color:#666;}
.video_list ul li a:hover h4{ color:#e60012}
.video_list ul li:hover{transform: translateY(-2px);box-shadow: 0 12px 20px 0 rgb(95 101 105 / 15%);}
/*分页*/
.video_page {padding:50px 0 60px;overflow: hidden;clear: both;text-align: center;}
.video_page span, .page-disabled {display: inline-block;padding: 0 8px;height: 30px;line-height: 30px;font-size: 14px;color: #c8cdd2;text-align: center;border:#ddd solid 1px;margin: 0 2px;}
.video_page a {display: inline-block;margin: 0 2px;padding: 0 12px;line-height: 30px;font-size: 14px;color: #4d555d;text-align: center;border:#ddd solid 1px;}
.video_page a.text-page-tag:hover {background: #d9dde1;color: #4d555d;text-decoration: none;}
.video_page a.text-page-tag.active {background: #e60012;color: #fff;border:#e60012 solid 1px}
/*登录注册*/
.loginclass{ border-radius:10px !important;overflow: hidden;background: #fff;}
.layui-layer-close2{right:10px !important;top:18px !important; width:17px !important; height:17px !important; background:url(close.png) no-repeat 0 0 !important}
.layui-layer-close2:hover{ background:url(close.png) no-repeat 0 bottom !important}
.login_box{padding:20px 30px 20px}
.login_box .title{ font-size:18px; padding:5px 0 40px;font-weight: bold;color: #333;}
.login_box .hd{clear: both;display: block;position: relative;z-index: 10; padding-bottom:40px;overflow: hidden;}
.login_box .hd ul{margin: 0;padding: 0;text-align: left;float: left;}
.login_box .hd ul li{float: left; list-style: none;cursor: pointer;font-size:18px;font-weight: bold; margin:5px 30px 0 0;color: #333;}
.login_box .hd ul li.on{color: #e60012;position: relative;}
.login_box .hd ul li.on:before{content: "";display: inline-block;position:absolute; width:16px; height:3px; background:#e1251b;bottom:-10px;left:50%; margin-left:-8px; }
.login_box .ipt{width: 100%;height: 48px;line-height: 20px;box-sizing: border-box;padding: 15px 14px 14px;box-shadow: 2px 0 5px 0 #fff;background: rgba(28,31,33,.06);border-radius: 8px;border: 0; font-size:16px}
.login_box .tip{line-height:20px; color:#ff0000;position: absolute;bottom:0;font-size: 12px;top:35px;display: none;}
.login_box .get_dxcode{ background:none;border:none; position:absolute;right:15px; color:#37f;top:16px; cursor:pointer}
.login_box .info_input{ position:relative; margin-bottom: 20px;}
.login_box .submit{ background:#e60012; color:#fff;padding: 11px 0;font-size: 16px;line-height: 24px;border-radius: 24px; border:none; width:100%; cursor:pointer; margin-top:10px}
.login_box .p_link{font-size: 16px;color: #f20d0d;text-align: center;line-height: 24px; margin:30px 0 0px}
.login_box .wx_title{ padding:25px 0 20px 0; overflow:hidden; margin:0 60px}
.login_box .wx_title h3{height: 16px;border-bottom: 1px solid #ddd;text-align: center;  margin: 0 auto 10px}
.login_box .wx_title .title-wrap {display: inline-block;height: 34px;padding: 0 15px;color: #222;line-height: 34px; font-size:16px; font-weight:normal; background:#fff}
.login_box .wx_login{ text-align:center;cursor: pointer;}
.login_box .wx_login .icon{display: inline-block;width:50px;height:50px;background: #e5ffe1;line-height:50px;border-radius: 50%;margin: 0 20px; position:relative} 
.login_box .wx_login .icon span{ position:absolute;right:-60px;top:-10px; font-size:12px;color: #00cc63;border:#00cc63 solid 1px; height:24px; line-height:24px; width:65px; border-radius:20px 20px 20px 0; background:#fff}
.login_box .wx_login .icon i{font-size: 24px;color: #00cc63;}
.login_box .wx_login .qq{background: #edf5ff;}
.login_box .wx_login .qq i{color: #368afe;}
.downlist div {line-height: 25px;}