@charset "utf-8";

*{margin: 0;padding: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:"Microsoft Yahei",sans-serif;color: #434343;font-size: 14px;line-height: 160%;text-align: center;}
body{margin:0;padding: 0;}
h1,h2,h3,h4,h5,h6,p,ol,ul,li,input,form{margin: 0;padding: 0;list-style: none;font-weight: normal;}
img{border: none;vertical-align: top;}
input,textarea{outline: none;font-family: "Microsoft Yahei";}
div:after,ul:after{clear: both;content: "";display: block;}
btn{border: none;}
/* links*/a:link,a:visited{color: #434343;text-decoration: none;}
a:hover{color: #ff4400;text-decoration: none;}
a.defcolorlink{color: #ff4400;}
a:hover.defcolorlink{color: #ff6600;text-decoration: underline;}
/* common*/.main{width: 1200px;margin: 0 auto;text-align: left;}
.clearfix{clear: both;}
.f-l{float: left;}
.f-r{float: right;}
.last{margin-right: 0 !important;}
.text-center{text-align: center;}
.bk10{clear: both;height: 10px;}
.bk20{clear: both;height: 20px;}
.bk30{clear: both;height: 30px;}
.colordef{color: #ff4400;}
.colorgray{color: #999;}
.colorred{color:red;}
.lh40{line-height: 40px;}
.lh20{line-height: 20px;}
.mt10{margin-top: 10px;}
.mr10{margin-right: 10px;}
/* fontsize*/.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px !important;}
.f22{font-size: 22px !important;}
.f24{font-size: 24px !important;}
/* icons*/.icons:before{font-family: "iconfont";margin-right: 3px;}
.ico-duration:before{content: "\e627";}
/*?��?*/.ico-release-time:before{content: "\e60f";}
/*????��?*/.ico-praise:before{content: "\e717";}
/*?��?*/.ico-trample:before{content: "\e716";}
/*�?/
.ico-views:before{content: "\e61b";}
/*�??次�?*/.ico-tags:before{content: "\e626";}
/*???*/.ico-favorite:before{content: "\e623";}
/*?��?*/.ico-share:before{content: "\e617";}
/*??��*/.ico-error:before{content: "\e6b4";}
/*?��?*/.ico-suggest:before{content: "\e697";}
/*建�?*/.ico-download:before{content: "\e620";}
/*�?��*//* font*/@font-face{font-family: 'iconfont';src: url('font/iconfont.eot');src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), url('font/iconfont.woff') format('woff'), url('font/iconfont.ttf') format('truetype'), url('font/iconfont.svg#iconfont') format('svg');}
.iconfont{font-family:"iconfont" !important;}
/* alert ??��信�?*/.alert{border: 1px #eee solid;border-radius: 5px;padding:10px;box-sizing: border-box;margin: 10px auto;}
.alert-success{background: #ebf1eb;color: #2baa3f;border-color: #d8e4d8;}
/* ???*/.alert-error{background: #ffebeb;border-color: #ffd9d9;color: #e30920;}
/* ???*/.alert-danger{background: #fff5f2;border-color: #ffe2d8;color: #ff4400;}
/* �???????*//* btn*/a.btndef{display: block;height: 60px;line-height: 60px;border-radius: 5px;background: #ff4400;text-align: center;color: #fff;margin: 10px auto;transition: .5s;}
a:hover.btndef{background: #ff6600;transition: .5s;}
a.btndef2{display: block;height: 60px;line-height: 60px;border-radius: 5px;background: #ffa07f;text-align: center;color: #fff;margin: 10px auto;transition: .5s;}
a:hover.btndef2{background: #ff7a4c;transition: .5s;}
/* ????��?*/.regular-radio{display: none;}
.regular-radio + label{-webkit-appearance: none;background-color: #fafafa;border: 1px solid #cacece;padding: 9px;border-radius: 50px;display: inline-block;position: relative;margin-right: 5px;margin-top: 5px;float: left;}
.regular-radio:checked + label:after{content: ' ';width: 12px;height: 12px;border-radius: 50px;position: absolute;top: 3px;background: #F40;left: 3px;font-size: 32px;}
.regular-radio:checked + label{background-color: #FFF;color: #99a1a7;border: 1px solid #F40;}
.big-radio + label{padding: 16px;}
.big-radio:checked + label:after{width: 24px;height: 24px;left: 4px;top: 4px;}
/* head*/.head{background: #990253;}
.hd-area{width: 1200px;height: 90px;margin: 0 auto;color: #fff;}
.hd-area a{color: #fff;}
.hd-area .logo{width: 140px;height: 90px;margin-right: 70px;}
.hd-area .logo a{display: block;height: 100%;line-height: 90px;font-size: 25px;}
.hd-search{width: 370px;height: 40px;position: relative;line-height: 40px;margin: 25px auto;}
.hd-search .kw{width: 190px;height: 40px;background: #fff;border-bottom-left-radius: 5px;border-top-left-radius: 5px;border: none;padding: 0 5px;box-sizing: border-box;}
.hd-search .toggle{width: 90px;height: 40px;background: #fff;color: #990253;border-left: 1px #eee solid;}
.hd-search .toggle:after{font-family: "iconfont";content: "\e60d";font-size: 16px;display: inline;font-weight: bold;}
.hd-search .dropdown{position: absolute;left: 190px;width: 90px;top: 41px;background: #fff;color: #434343;padding: 10px;border-radius: 5px;box-shadow: 0 3px 3px 3px rgba(0,0,0,.3);box-sizing: border-box;z-index: 99999;}
.hd-search .dropdown li{border-bottom: 1px #eee solid;height: 35px;line-height: 35px;}
.hd-search .dropdown li a{color: #434343;display: block;padding: 0 5px;}
.hd-search .dropdown li a:hover{background: #990253;color: #fff;transition: .5s;}
.hd-search .searchbtn{width: 90px;height: 40px;background: #d50072;border: none;color: #fff;font-size: 18px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;font-family: "�?��???";}
.hd-search .searchbtn:before{font-family: "iconfont";content: "\e600";font-size: 20px;display: inline;font-weight: bold;}
.hd-search-hot{line-height: 40px;margin: 25px 0 0 20px;width: 350px;height: 40px;overflow: hidden;text-align: left;text-overflow: ellipsis;white-space:nowrap;}
.hd-search-hot a:hover{text-decoration: underline;}
.usernav{height: 50px;line-height: 50px;margin: 20px auto;}
.usernav-list li{height: 40px;float: left;margin-left: 20px;}
.usernav-list li.login:before{font-family: "iconfont";content: "\e625";background: #fff;color: #990253;padding: 5px;border-radius: 50%;font-weight: bold;margin-right: 5px;font-size: 18px;}
.usernav-list li.reg:before{font-family: "iconfont";content: "\e697";background: #fff;color: #990253;padding: 5px;border-radius: 50%;font-weight: bold;margin-right: 5px;font-size: 18px;}
.usernav-list li a:hover{text-decoration:underline;}
.nav-pinupbox{height: 90px;}
.nav-pinup{width: 100%;z-index: 999;}
.nav-pinupbox .isStuck{box-shadow: 0 0 5px 0 rgba(0,0,0,.3);}
.menu{background: #7c0043;}
.menu-list{width: 1200px;border-left: 1px #6e003b solid;margin: 0 auto;}
.menu-list li{width: 109px;height: 50px;line-height: 50px;text-align: center;float: left;}
.menu-list li a{display: block;height: 50px;line-height: 50px;color: #fff;border-right: 1px #6e003b solid;}
.menu-list li.active a{background: #93004f;}
.menu-list li a:hover{background: #93004f;transition: .5s;}
.menu-list li.betli{position: relative;}
.menu-list .betli a:before{display: block;width: 100px;text-align: center;content: "\e63c";font-family: "iconfont";font-size: 28px;color:#fff;position: absolute;left: 0;top: -20px;animation:betlimove 1s infinite;animation-direction:alternate;}
@keyframes betlimove{from{top:-18px;color: #ff0;}
to{top:-25px;color: #f39800;}}
.menu-list li.vipli a{color: #ff0;}
.head .gonggao{border-bottom: 1px #eee solid;background: #fff;height: 40px;overflow: hidden;line-height: 40px;text-align: left;}
.head .gonggao span{display: block;width: 65px;height: 30px;background: url(gonggaobg.png) no-repeat 0 center;line-height: 30px;color: #fff;text-align: center;margin: 5px 10px 0 0;float: left;}
/* ?????��*/.panel{clear: both;margin: 20px auto 0 auto;}
.panel-head{border-bottom: 2px #eee solid;margin-bottom: 20px;height: 42px;}
.panel-head .panel-title{line-height: 40px;border-bottom: 2px #f40 solid;margin-bottom: -2px;padding: 0 5px;}
.panel-head .hot-title:before{font-family: "iconfont";content: "\e6bf";font-size: 22px;line-height: 40px;}
.panel-head a.morelink{background: #ff4400;color: #fff;padding: 2px 6px;border-radius: 5px;}
.panel-head a.morelink:after{font-family: "iconfont";content: "\e603";background: #fff;color: #ff4400;border-radius: 2px;margin-left: 3px;font-weight: bold;}
.panel-list .video{width: 280px;position: relative;float: left;margin: 0 26px 20px 0;border: 1px #eee solid;transition: .5s;background:#fff;}
.panel-list .video .thumb{width: 278px;height: 158px;overflow: hidden;font-size:0;*font-size:200px;text-align:center;border-bottom: 1px #eee solid;}
.panel-list .video .thumb img{vertical-align:middle;width: 278px;height:158px;}
.panel-list .video .thumb:after{display:inline-block;width:0;height:100%;content:"center";vertical-align:middle;overflow:hidden;}
.panel-list .video:hover{box-shadow: 0px 0px 5px 5px rgba(255, 122, 76, 0.15);border-color: #ffcab8;transition: .5s;}
.panel-list .video-title{height: 40px;line-height: 20px;margin: 10px 10px 0 10px;overflow: hidden;box-sizing:border-box;font-size: 14px !important;}
.panel-list .video-details span{color: #999;}
.panel-list .video-details-1,.video-details-2{padding: 3px 10px;}
.panel-list .video-details-1{border-bottom: 1px #eee dotted;}
.panel-list .video .attribute{background: rgba(255,68,0,1.00);position: absolute;top: 5px;right: 5px;font-size: 12px;color: #fff;padding: 1px 5px;border-radius: 5px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: .7;}

.pagination { margin: 20px 0; border-radius: 4px; font-size:0px;}
.pagination li{display: inline;}
.pagination a{display: inline; padding: 7px 15px; border-radius: 5px; border: 1px #eee solid; margin: 0 2px;font-size:14px;}
.pagination a:hover{background: #ff4400; color:#fff;}
.pagego , .pagebtn{font-size: 0px;visibility: hidden;}
.pagination li.disabled a{display: inline; padding: 7px 15px; border-radius: 5px;background: #ff4400; color:#fff; border: 1px #eee solid; margin: 0 2px;font-size:14px;}
.player{background-color:#333333;width:100%;margin-top: 10px;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;}
.bofang{width:1000px;margin: 0 auto;}

/* ad*/.topad{margin-top: 10px;}
.topad-list{width: 1200px;margin: 0 auto;}
.topad li{height: 60px;overflow: hidden;}
.topad li img{width: 100%;height: 100%;}
.topad .ad-col2 li,.ad-col2-list li{width: 595px;float: left;margin-right: 10px;margin-bottom: 3px;}
.topad .ad-col3 li{width: 395px;float: left;margin-right: 7px;margin-bottom: 3px;}
.topad .ad-col3 li.last{margin-left: 1px;}
.topad .ad-col1 li{width: 1200px;margin-bottom: 3px;}
/* foot*/.footbox{padding: 20px 0;border-top: 1px #eee solid;background: #fff;}
.f-clo5{width: 20%;height: 130px;float: left;box-sizing: border-box;border-right: 2px #eee solid;padding: 0 3%;}
.f-clo5 dt{font-weight: bold;font-size: 14px;margin-bottom: 5px;}
.f-clo5 dd{width: 50%;height: 25px;line-height: 25px;float: left;color: #606060;}
.f-clo5 dd a{color: #606060;}
.f-clo5 dd a:hover{color: #f40;}
.f-col5-4{padding: 0 20px;}
.f-col5-4 dd{width: 100%;font-weight: bold;color: #f40;}
.f-col5-4 dd a{color: #f40;}
.f-col5-4 dd a:hover{text-decoration: underline;}
.f-col5-5{text-align: center;}
.f-col5-5 dd{width: 100%;height: auto;}
.f-col5-5 dd img{width: 100px;height: 100px;margin: 0 auto;}
.footer .copyright{background: #212121;color: #fff;padding: 20px 0;}
.count{display: none;}
/* 模�?�??*/.modal-cover{width: 100%;height: 100%;position:fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.7);z-index: 999;}
/*.modal-cover-tips{z-index: 9999;margin: 10px auto;text-align: left;}*/.modal-cover-tips{z-index: 9999;display:inline-block;zoom:1;*display:inline;text-align: left;vertical-align:middle;min-width: 400px;}
.vertical-align-hiddendiv{height:100%;overflow:hidden;display:inline-block;width:1px;overflow:hidden;margin-left:-1px;zoom:1;*display:inline;*margin-top:-1px;_margin-top:0;vertical-align:middle;}
.modal-cover-title{background: #990253;color: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;height: 60px;line-height: 60px;padding: 0 20px;}
.modal-closebtn{display: block;width: 60px;height: 60px;text-align: center;cursor: pointer;margin-right: -20px;}
.modal-closebtn:before{font-family: "iconfont";content: "\e62a";}
.modal-cover-main{background: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding: 10px 20px 20px 20px;}
.modal-cover-login{width: 400px;}
.modal-cover-login .login-list li{width: 360px;height: 50px;border: 1px #eee solid;box-sizing: border-box;margin-bottom: 10px;}
.modal-cover-login .login-list input{width: 310px;height: 48px;border: none;float: left;padding: 0 10px;box-sizing: border-box;}
.modal-cover-login .login-list i{display: block;width: 48px;height: 48px;float: left;font-style: normal;background: #eeeeee;}
.modal-cover-login .login-list i:before{display: block;color: #bfbfbf;font-size: 24px;text-align: center;line-height: 50px;}
.modal-cover-login .login-form-b{margin: 0 auto;}
.modal-cover-login .login-form-b .lh20{margin: 15px auto;}
.modal-cover-login .checkboxstyle{display: none;}
.modal-cover-login .checkboxstyle + label{background-color: #fff;border: 1px solid #ccc;padding: 9px;border-radius: 5px;display: inline-block;position: relative;margin-right: 5px;float: left;}
.modal-cover-login .checkboxstyle:checked + label:after{font-family: "iconfont";content: '\e631';position: absolute;top: 0px;left: 0px;color: #ff4400;width: 100%;text-align: center;font-size: 1.4em;padding: 1px 0 0 0;vertical-align: text-top;}
.modal-cover-login a.loginbtn{display: block;height: 60px;background: #ff4400;border-radius: 5px;font-size: 24px;text-align: center;line-height: 60px;color: #fff !important;margin: 10px auto;transition: .5s;}
.modal-cover-login a:hover.loginbtn{background: #ff6600;transition: .5s;}
.modal-cover-login input.loginbtn,.modal-cover-baocuo input.baocuobtn{width:100%;display: block;height: 50px;background: #ff4400;border: 0;border-radius: 5px;font-size: 24px;text-align: center;line-height: 50px;color: #fff;margin: 10px auto;transition: .5s;cursor: pointer;}
.modal-cover-login input:hover.loginbtn,.modal-cover-baocuo input:hover.baocuobtn{background: #ff6600;transition: .5s;border: 0}
.modal-cover-login .loginbox-b{height: 90px;line-height: 90px;background: #ff713f;color: #fff;padding: 0 20px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.modal-cover-login a.login-regbtn{background: #ffb89f;padding: 15px 30px;font-size: 22px;color: #fff !important;border-radius: 5px;margin-left: 10px;}
.loginbox-bottom{border-top: 1px #ccc dotted;margin-top: 10px;padding-top: 10px;}
.loginbox-bottom a{padding: 5px 10px;color: #fff;background: #ff4400;border-radius: 3px;margin-left: 5px;}
.modal-cover-baocuo{width: 400px;}
.baocuo-list{margin-bottom: 10px;}
.baocuo-list li{height: 30px;line-height: 30px;overflow: hidden;}
.textarea-baocuo{display: block;width: 100%;border: 1px #ccc solid;padding: 10px;height: 60px;}
.modal-cover-baocuo .modal-cover-baocuo-box .baocuobtn{margin-bottom: 0;}
.modal-cover-baocuo-box h3{margin-bottom: 5px;}
/* ?��??�侧�?????*/.f-menu{width: 70px;position: fixed;right: 50%;margin-right: -690px;top: 250px;z-index: 9999;}
.f-menu-list{border-top: 1px #ccc solid;}
.f-menu-list li{width: 70px;height: 70px;border: 1px #ccc solid;background: #fff;border-top: none;font-size: 12px;text-align: center;}
.f-menu-list li a{display: block;height: 100%;color: #999;transition: .5s;position: relative;}
.f-menu-list li a:hover{color: #f40;transition: .5s;}
.f-menu-list li a i{display: block;text-align: center;font-size: 38px;line-height: 44px;}
.f-menu-list .mobileweb a i{font-size: 44px;}
.f-menu-list .rechargevip a i{font-size: 30px;}
.f-menu-list .gotop a i{font-size: 46px;}
.webcode{width: 120px;text-align: center;background: #fff;border: 1px #ccc solid;display: none;}
.webcode img{display: block;margin: 0 auto;}
.f-menu-list .mobileweb a:hover .webcode{display: block;position: absolute;z-index: 99;left: -120px;top: -1px;color: #434343;}
/*.f-menu{width: 70px;position: fixed;right: 50%;margin-right: -690px;top: 250px;z-index: 9999;opacity: 0.7;}
.f-menu-list{border-top: 1px #ccc solid;}
.f-menu-list li{width: 70px;height: 70px;border: 1px #ccc solid;background: #fff;border-top: none;font-size: 12px;text-align: center;overflow: hidden;}
.f-menu-list li a{display: block;color: #999;transition: .5s;}
.f-menu-list li a:hover{color: #f40;transition: .5s;}
.f-menu-list li a:before{font-family: "iconfont";display: block;width: 40px;height: 40px;font-size: 40px;line-height: 40px;margin:5px auto 0 auto;}
.f-menu-list .mobileweb a:before{content: "\e610"}
.f-menu-list .mobileweb a{position: relative;}
.f-menu-list .mobileweb a i{display: none;}
.f-menu-list .mobileweb a:hover i{display:block;width: 120px;height: 120px;background: #fff;position: absolute;top: 0;left: -120px;}
.f-menu-list .publish a:before{content: "\e751"}
.f-menu-list .onlinekefu a:before{content: "\e6e1"}
.f-menu-list .gotop a:before{content: "\e6ae";font-size: 22px;}*/
.forclick{margin-left:10px;}
.forclick li a{color:#fff;}