@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,div,p,img,ul,ol,li,dl,dt,dd,input,form,textarea,a,span,i,em,b{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
img{ max-width:100%; border:none; vertical-align:top; outline:none}
ul,ol,li{list-style:none}
input,select{ border:none; font-size:100%; outline:none;font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei"}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input[type="number"]{-moz-appearance:textfield;}
textarea {  -webkit-appearance: none;}
textarea{ font-size:100%; outline:none; vertical-align:top}
.cl{zoom:1}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
body{ font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei"; background:#fff; min-width:1200px;}
h1,h2,h3,h4,h5,h6{ font-weight: 400;}
/*首页*/
.box{  width:1200px; margin:0 auto;}
/*头部一*/
.header{ background:#ffffff; height:85px; border-bottom: 1px solid #eaeaea; position:relative; z-index:1}
.header h1{ float:left; margin-left:12px; margin-top:19px; width:142px;}
.header h1 a{ display:block; width:114px; height:44px; background:url(../images/logo.png) left top no-repeat;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.header .box{ position:relative}
.nav{ color:#3d3121; overflow:hidden; zoom: 1; position:relative; z-index:10;}
.nav .head_banner{ position:absolute; right:30px; top:1px}
.nav ul{ font-size:0}
.nav ul li{ line-height:85px; display:inline-block; *display:inline;zoom: 1; vertical-align:top; font-size:16px; width:75px; position:relative; text-align:center}
.nav ul li i{ position: absolute; right:0; top:0;font-style: normal;}
.nav ul li a{color:#3d3121; display:block; height:85px; width:75px;}
.nav ul li.active i{ display:none}
.nav ul li.on i{ display:none !important}
.nav ul li.on a{ color:#fff;transition-delay: 0.25s;-moz-transition-delay: 0.25s;-webkit-transition-delay: 0.25s;-o-transition-delay: 0.25s; }
.usr_opt{ float:right; margin-right:5px; padding-top:25px; line-height:36px; width:345px;}
.usr_opt label{ display:block; float:left;position: relative;}
.usr_opt label span{ display:block; position:absolute; left:0;top:0; font-size:12px; text-indent:10px; color:#666}
.usr_opt label ul { position:absolute; left:0; top:36px; background:#fff; z-index:5; width:160px; color:#666; font-size:12px; border-bottom: 1px solid #d1d1d1; display:none}
.usr_opt label ul li{  cursor: pointer; line-height:30px; border-left:1px solid #d1d1d1;border-right: 1px solid #d1d1d1; position:relative}
.usr_opt label ul li div{ margin-right:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-indent:10px;}
.usr_opt label ul li b{ display:none;}
.usr_opt label ul li:hover b{ display:block; background:url(/images/search.png) left -52px no-repeat; width:14px; height:14px; display:block; position:absolute; right:3px; top:8px;cursor: pointer;}
.usr_opt label ul li p{text-indent:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.usr_opt label ul li .del_btn{ display:block; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-align:center; color:#138ae6}
.usr_opt label ul li:hover .del_btn{ color:#fff;}
.usr_opt label ul li i{ font-style: normal; color:#fff; background:#138ae6; display:block; width:16px; text-indent:0; height:16px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; text-align:center; line-height:16px; position:absolute; left:10px; top:50%; margin-top:-8px;}
.usr_opt label ul li:hover{ color:#fff; background:#138ae6}
.usr_opt label ul li:hover i{ background:#fff; color:#138ae6}
.usr_opt .txt{ background:#e6e6e6; height:36px; line-height:36px; font-size:14px; width:140px;vertical-align:top; float:left; padding:0 10px;font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei"}
.usr_opt .btn{ width:49px; height:36px; background:#138ae6;  position:relative; float:left;cursor: pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.usr_opt .btn i{ width:10px; height:36px; background:url(/images/search.png) right top no-repeat; display:block; right:0; bottom:0; position:absolute}
.usr_opt .btn span{ background:url("/images/search.png") left -36px no-repeat; width:14px; height:14px; display:block; position:absolute; left:14px; top:50%; margin-top:-7px; }
.usr_opt .btn:hover{ background:#0066bd}
.usr_opt .login_before{ color:#3d3121; font-size:14px;float:right; width:136px; text-align:right}
.usr_opt .login_before span{ cursor: pointer;}
.usr_opt .login_before span:hover{ color:#138ae6}
.usr_opt .login_before i{font-style: normal; padding:0 10px;}
.usr_opt .login_after{ color:#3d3121; font-size:14px;float:right; padding-left:10px; display:none}
.usr_opt .login_after .btn_destroy{ display:none}
.usr_opt .login_after p.usr{cursor: pointer;}
.usr_opt .login_after .usr img{ -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; float:left; width:30px; height:30px; background:#f4f4f4; border: 1px solid #ccc;margin-right: 10px;}
.usr_opt .login_after .user_name{ width:84px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; font-size: 12px; float:left;}
.usr_opt form{ display:block; overflow:hidden; float:right; margin-right:20px;}
.fllow_bg,.fix_fllow_bg{ position:absolute; top:0; height:85px; width:75px; background:#138ae6; left:247px;display:none}
.fllow_bg b,.fix_fllow_bg b{ background:url(/images/fllow_nav.png) bottom center no-repeat; width:75px; height:14px; display:block; position:absolute; left:0; bottom:-14px;}
/*底部*/
.footer{ overflow:hidden; width:100%; background:#202742; padding-top:18px; min-width:1200px;}
.footer .foot_info .box{ width:960px; margin:0 auto}
.footer .copy_right{ background:#138ae6 url(/images/bottom_bg.png) top center no-repeat ; color:#fff; padding-top:8px;font-size: 12px; height:46px; overflow:hidden;padding-bottom:12px; line-height:72px;}
.footer .copy_right img{ display:inline; padding-top:14px; padding-right: 24px;}
.footer table{ border-spacing:0; border-collapse:collapse; width:960px}
.footer table td{ font-size:12px; color:#fff; line-height:30px;}
.add_cont{ overflow:hidden; padding-bottom:17px;}
.add_cont .L{ float:left}
.add_cont .R{ overflow:hidden;zoom: 1; font-size:12px; color:#ededed; line-height:24px;}
.add_cont .L ul{ float:left; padding-right: 30px;}
.add_cont .L ul li { color:#c5c5c5; font-size: 12px; line-height:24px;}
.add_cont .L ul li p{ color:#fff; font-size: 14px; padding-bottom:5px;}
.add_cont .L ul li a{ color:#c5c5c5;}
.add_cont .L ul li a:hover{ color:#138ae6}
.add_cont .L ul li.sina_blog{ background:url(/images/blog_icon.png) left 3px no-repeat; text-indent:20px; line-height:20px; margin-top:2px;}
.add_cont .L ul li span{ display:inline-block; *display:inline;zoom: 1; vertical-align:middle; height:16px; width:24px; text-align:center}
.add_cont .L ul li span img{ vertical-align:top; height:16px;}
.add_cont .R p{ font-size:14px; color:#fff; padding-bottom:5px;}
.add_cont .R div p{ font-size:12px; color:#c5c5c5;}
.add_cont .R ul{ float:right}
.add_cont .R ul li{ float:left;padding-left: 30px;}
.add_cont .R ul li img{ background:#fff; width:100px; height:100px;}
.foot_info .friend_links{border-bottom: 1px solid #3d4351; margin:10px 0;font-size: 12px; height:40px; line-height:40px; color:#fff}
.foot_info .friend_links b{ float:left}
.foot_info .f_list{ overflow:hidden;zoom: 1;}
.foot_info .f_list ul li{ float:left; width:90px; text-align:center;}
.foot_info .f_list ul li a{ color:#fff}
.foot_info .f_list ul li a:hover{ text-decoration:underline; color:#138ae6}
/*挪登陆注册*/
/*登录注册*/
.login_reg{ width:544px; margin-left:-272px; margin-top: -240px; background:#fff; display: none;}
.login_reg .title{ background:#138ae6; height:50px; line-height:50px; padding-right:50px; margin-bottom:30px;}
.login_reg .title ul li{ text-align:center; color:#272727; font-size: 18px; cursor: pointer; float:left; width:180px; text-align:center}
.login_reg .title ul li:hover{ color:#fff}
.login_reg .title ul li.on{ color:#fff; background:#087dd8}
.login_reg .close{ display:block; overflow:hidden; background:url(/images/login_reg.png) center -35px no-repeat; width:50px; height:50px; position:absolute; right:0;top:0;cursor: pointer;}
.login_reg .close:hover{ background-color:#32a6ff}
.login_reg .login,.login_reg .reg{ padding-left:30px; width:307px; float:left; padding-right:25px; display:none}
.login_reg .login{ padding-bottom:26px;}
.login_reg .reg{ padding-bottom:13px;}
.login_reg .login li{ position:relative; margin-bottom:15px;}
.login_reg .login li label{ display:block; position:relative}
.login_reg .login li label span{ position:absolute; top:0; left:10px; line-height:40px; font-size:14px; color:#a1a1a1}
.login_reg .login li label input{  background:#e6e6e6; width:100%; height:38px; line-height:38px; text-indent:10px; border:1px solid #e6e6e6}
.login_reg .login li.spe label input, .public_login_reg .login li.spe label input{ visibility:hidden}
.login_reg .login li.spe label span, .public_login_reg .login li.spe label span{ background:url(/images/login_reg.png) -5px 3px no-repeat; height:17px; display:block; font-size:13px; color:#202020; line-height:17px; text-indent:20px; cursor: pointer;}
.login_reg .login li.spe label span.on, .public_login_reg .login li.spe label span.on{ background-position: -5px -19px;}
.login_reg .login li.spe a, .public_login_reg .login li.spe a{ position:absolute; right:0; top:0; color:#138ae6; font-size:13px;}
.login_reg .login li.spe a:hover, .public_login_reg .login li.spe a:hover{ color:#005ba2}
.login_reg .login .btn{ width:305px; height:40px; text-align:center; background:#138ae6; font-size:15px; color:#fff; cursor: pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; border:none}
.login_reg .login .btn:hover{ background:#1f9dff}
.login_reg .login p{ color:#a1a1a1; font-size:13px; padding-top: 15px;}
.login_reg .login p span{ color:#138ae6;cursor: pointer;}
.login_reg .login p span:hover{ color:#005ba2}
.login_reg .login p.war{ position:absolute; left:0;bottom:0; width:100%;font-size: 12px; color:#b80000}
.login_reg  input.on{ border:1px solid #e92000; height:38px; line-height:38px;}
.login_reg .reg p{ color:#a1a1a1; font-size:13px; padding-top: 15px;}
.login_reg .reg p span{ color:#138ae6;cursor: pointer;}
.login_reg .reg p span:hover{ color:#005ba2}
.login_reg .reg li{ position:relative; margin-bottom:15px;}
.login_reg .reg li label{ display:block; position:relative}
.login_reg .reg li label span{ position:absolute; top:0; left:10px; line-height:40px; font-size:14px; color:#a1a1a1}
.login_reg .reg li label input{  background:#e6e6e6; width:100%; height:38px; line-height:38px; text-indent:10px; border:1px solid #e6e6e6;}
.login_reg .reg .btn{ width:305px; height:40px; text-align:center; background:#138ae6; font-size:15px; color:#fff; cursor: pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; border:none}
.login_reg .reg .btn:hover{ background:#1f9dff}
.login_reg .reg .dis_btn{ background:#cdcdcd;cursor:default;}
.login_reg .reg .dis_btn:hover{ background:#cdcdcd}
.login_reg .reg .code{ width:120px;}
.login_reg .reg img{ height:40px;}
.login_reg .reg .spe{ margin-bottom:0; position:relative; margin-top:-15px; font-size: 13px; color:#bababa; padding-top: 5px ;padding-bottom: 5px;}
.login_reg .reg .spe i{ width:43px; height:12px; display:inline-block; *display:inline;zoom: 1;margin-left: 5px;}
.login_reg .reg .spe i.i1{ background: #919191;}
.login_reg .reg .spe i.i2{ background: #6c0101}
.login_reg .reg .spe i.i3{ background: #b10000; margin-right: 5px;}
.login_reg .reg .spe2{ font-size:13px; color:#bababa; position:relative; margin-top: -15px;padding-top: 5px;padding-bottom: 5px;margin-bottom: 0;}
.login_reg .reg #reg_info{ position:relative}
.login_reg .reg p.war{ font-size: 12px; color:#b80000; position:absolute; left:0; top:-23px; padding-top:0;}
/*居中固定*/
* html, * html body{background-image:url(about:blank);background-attachment:fixed;}
#testfadeIn{ display:none;top: 0%; left: 0%; width: 100%; height: 100%; background-color:black;  z-index:19;  filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6;position:fixed!important;}
.blacktc1{ display:block; top: 0%; left: 0%; width: 100%; height: 100%; background-color:black;  z-index:19;  filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6;position:fixed!important;position:absolute;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight -this.clientHeight)/2); -webkit-transition: opacity linear 0.5s;-moz-transition: opacity linear 0.2s;-ms-transition: opacity linear 0.2s;-o-transition: opacity linear 0.2s;transition: opacity linear 0.2s;}
.blacktc{ display:none; top: 0%; left: 0%; width: 100%; height: 100%; background-color:black;  z-index:19;  filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6;position:fixed!important;position:absolute;_top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight -this.clientHeight)/2); -webkit-transition: opacity linear 0.5s;-moz-transition: opacity linear 0.2s;-ms-transition: opacity linear 0.2s;-o-transition: opacity linear 0.2s;transition: opacity linear 0.2s;}
.fixed{  position:fixed; left:50%; top:50%;_position:absolute;_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight -this.clientHeight)/2); z-index:20;}
/*提示弹层*/
.public_tc{ width:320px; text-align:center; margin-left:-161px; margin-top: -75px; background:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden; display:none; padding-bottom:20px; z-index:21;}
.public_tc .close{ display:block; overflow:hidden; background:url(/images/login_reg.png) center -37px no-repeat; width:45px; height:45px; position:absolute; right:0;top:0;cursor: pointer;}
.public_tc .close:hover{ background-color:#32a6ff}
.public_tc .Event_list{ text-align:left; font-size: 0;}
.public_tc .Event_list li{display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin-right:10px; cursor: pointer;font-size:14px; }
.public_tc .title{ background:#138ae6; font-size:16px; color:#fff; line-height:45px;}
.public_tc .war_name{ padding: 12px  20px 0;line-height:24px; font-size:14px; color:#333;overflow:hidden}
.public_tc .war_name i,.public_tc .war_name b{ font-style:normal;font-weight: 400;}
.public_tc .btn_group{ text-align:center; font-size:0;}
.public_tc .btn_group .btn{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; width:120px; height:30px; text-align:center; line-height:30px; cursor: pointer; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; font-size:14px; color:#fff; background:#138ae6; margin:0 10px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px; margin-top:12px;}
.public_tc .btn_group .btn:hover{ background:#0066bd;}
/*用户信息弹层*/
.usr_info_tc{ position:absolute; left:0;top:0; background:url(/images/usr_info_tc.png) left top no-repeat; width:346px; height:260px; z-index: 12;display: none;}
.usr_info_tc .t_tre{ top:20px;}
.usr_info_tc .info{ padding:35px 42px 42px;}
.usr_info_tc .info_t{}
.usr_info_tc .info_t .usr_head{ float:left; width:80px; height:80px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin-right: 12px;}
.usr_info_tc .info_t dl{ overflow:hidden;zoom: 1; display:block}
.usr_info_tc .info_t dl dt{ padding-bottom: 8px; position:relative}
.usr_info_tc .info_t dl dt b{ background:url(/images/usr_info_tc_icon2.png) left top no-repeat; cursor: pointer; position: absolute; right: 0;top: 0; width:24px; height:20px;display: block;}
.usr_info_tc .info_t dl dt label{ display:block; width:144px;}
.usr_info_tc .info_t dl dt label input{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; font-family:"微软雅黑","Microsoft YaHei"; font-size:12px; color:#000;background: none; height:20px; line-height:20px;vertical-align: top; text-indent:1px}
.usr_info_tc .info_t dl dt label input.on{ border:1px solid #ccc; height:18px; line-height:18px; text-indent: 0;}
.usr_info_tc .info_t dl dd{ display:block; font-size:12px; color:#000; line-height:24px;}
.usr_info_tc .info_t dl dd p{ background:#d0e8fa; position: relative; height:8px;}
.usr_info_tc .info_t dl dd p span{position: absolute; left:0;top: 0; width:10%; background:#138ae6; height:8px; display:block}
.usr_info_tc .info_t dl dd img{ display:inline; vertical-align:middle; padding-left:5px;}
.usr_info_tc .info_t dl dd div{ padding-top: 2px;}
.usr_info_tc .info_t dl dd div span{ color:#138ae6;padding-left: 5px;}
.usr_info_tc .info_t dl dd div b{ display:inline-block; *display:inline;zoom: 1; vertical-align:middle; background:url(/images/usr_info_tc_icon2.png) left bottom no-repeat; height:24px; width:24px; margin-left: 5px;}
.usr_info_tc .info_m { overflow:hidden; height:22px; margin-top: 20px;margin-bottom: 20px;}
.usr_info_tc .info_m i{ background:url(/images/usr_info_tc_icon.png) no-repeat;font-style: normal; float:left; width:24px; height:22px; cursor: pointer; padding-top:22px; margin-left:6px; font-size:12px; color:#333;white-space: nowrap;}
.usr_info_tc .info_m .i1{background-position: 2px top;}
.usr_info_tc .info_m .i2{background-position: -25px top;}
.usr_info_tc .info_m .i3{background-position: -53px top;}
.usr_info_tc .info_m .i4{background-position: -81px top;}
.usr_info_tc .info_m .i5{background-position: -109px top;}
.usr_info_tc .info_m .i6{background-position: -140px top;}
.usr_info_tc .info_m .i7{background-position: -170px top;}
.usr_info_tc .info_m .i8{background-position: -198px top;}
.usr_info_tc .info_m i:hover{ position:relative; margin-top:-22px;}
.usr_info_tc .info_b { overflow:hidden;}
.usr_info_tc .info_b .btn{ width:124px; height:38px; text-align: center; line-height: 38px; color:#fff;font-size: 14px;display: block;background: #138ae6; float: left;margin-left: 7px;cursor: pointer;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.usr_info_tc .info_b .btn:hover{ background:#006bbd}
.usr_info_tc .info_b .logout:hover{ color:#fff !important}
.download_app_fixed_telphone{ display:none}

/*增加手机注册*/
.login_reg .reg li.tel label.tel_code,.other_reg .tel label.tel_code{ float:left;margin-right: 10px; width:170px;}
.login_reg .reg li.tel label.tel_code input,.other_reg .tel label.tel_code input{ vertical-align:top}
.login_reg .reg li.tel s,.other_reg .tel s{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;cursor: pointer; overflow:hidden;zoom: 1;font-size: 12px; color:#fff; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; text-decoration:none; background:#138ae6; line-height:40px; display:block; text-align:center}
.login_reg .reg li.tel s:hover{ background:#0066bd}
.login_reg .reg li.tel s.on,.other_reg .tel s.on,.login_reg .reg li s.on:hover{ background:#ccc;}
.other_way_third{ overflow:hidden; zoom: 1; border-left: 1px solid #efefef;padding-left: 26px;}
.other_way_third p{ font-size:13px; color:#919191}
.other_way_third ul li{ margin-top:18px; width:124px; height:40px; text-indent:51px; font-size:16px; color:#fff; line-height:40px;cursor: pointer; position:relative}
.other_way_third ul li b{ background:url(/images/login_reg.png) no-repeat;  width:34px; height:34px;display:block; position:absolute;top:3px; left:8px}
.other_way_third ul li.qq{ background:#4297d3}
.other_way_third ul li.qq:hover{ background:#0071c0 }
.other_way_third ul li.qq b{ background-position: left -87px;border-right: 1px solid #a3d9ff;}
.other_way_third ul li.sina{ background:#e92000}
.other_way_third ul li.sina:hover{background: #d70000 ;}
.other_way_third ul li.sina b{background-position:left -141px; border-right: 1px solid #f97758;}
.other_way_third ul li.wc{ background:#19c20c;}
.other_way_third ul li.wc:hover{background: #0b9c00 ;}
.other_way_third ul li.wc b{ background-position: left -195px;border-right: 1px solid #7cf972;}
.login_reg input:focus{ border:1px solid #138ae6 !important;}
.top{ overflow:hidden; text-align:center;font-size: 0;padding-bottom: 50px;}
.top .l{ margin-right:85px;}
.top .r{ margin-left:85px;}
.top .l,.top .r{display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:428px; text-align:left;}
.top .title{ border-bottom:1px solid #ec0306; margin-left:45px;font-size: 27px; color:#ec0306; text-indent:90px;margin-bottom: 16px;}
.top .title span{font-size: 14px; padding-left: 10px;}
.top .r .title{ border-bottom-color:#138ae6; color:#138ae6}
.top ul li img.userhead{ width:135px; height:135px; border:3px solid #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin-right:-17px; float:left}
.top ul li{ padding-left:53px; overflow:hidden; margin-bottom: 31px;}
.top ul.spe li{ margin-left:43px; margin-bottom:10px; padding:10px; position:relative; overflow:visible}
.top ul.spe li.spe{ padding:0; padding-left:53px; margin-bottom:31px; margin-left:0; overflow:hidden}
.top ul.spe li.spe:hover{ border:none; padding:0; padding-left:53px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.top li.spe{background:url(../images/registration/icon_red.png) left center no-repeat; margin-bottom:14px;}
.top ul.spe li b{ width:35px;}
.top ul.spe li:hover{ border:3px solid #ec0306; padding:7px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.top ul.spe li:hover img{ right:13px;}
.top ul.spe li .btn{ width:315px; height:104px; position:absolute;background:url(../images/top/jiayou.png) no-repeat; top:-86px; left:50%; margin-left:-157px; display:none}
.top ul.spe li:hover .btn{ display:block}
.top ul.spe li span{ padding-left:0; margin-left:0}
.top .r li.spe{ background-image:url(../images/registration/icon_blue.png);}
.top  li dl{ display:block;-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0; background:#fc4245; height:86px; line-height:43px; margin-top:27px; overflow:hidden;zoom: 1; text-align:center; font-size: 17px; color:#fff;}
.top  li dl dt ,.top  li dl dd { padding:0 10px 0 27px;}
.top  li dl dt{ background:#ec0306;}
.top  li dl dd{ font-family:Verdana}
.top  li dl dd img{ vertical-align:middle; margin-bottom:2px; *margin-bottom:0}
.top  li dl p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; color:#fff; box-sizing:border-box}
.top .r li dl{ background:#42aafb}
.top .r li dl dt{ background:#138ae6}
.top li i{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; float:left; width:35px; height:25px; text-align:center; line-height:25px; font-size: 17px; color:#fff; background:#ec0306; font-style: normal; margin-left:8px;}
.top .r li i { background:#42aafb}
.top li p{white-space:nowrap; overflow:hidden;zoom: 1; text-overflow:ellipsis; color:#4b4b4b;font-size: 17px; padding-left:20px;}
.top li span{ float:right; padding-left:22px; font-size: 17px; color:#ec0306; margin-left:20px; text-align:right}
.top .r ul li span{ color:#138ae6}
.top li span.up{ background:url(../images/registration/up_red.png) left center no-repeat}
.top li span.down{ background:url(../images/registration/down_blve.png) left center no-repeat}
.top .r li span.up{ background:url(../images/registration/up_blue.png) left center no-repeat}
.top .r li span.down{ background:url(../images/registration/down_red.png) left center no-repeat}
.top_tank_prompt{ width:940px; margin:0 auto; text-align:center; background:#ebebeb; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; height:37px; line-height:37px;font-size: 17px; color:#4b4b4b}
.videoList{ overflow: hidden;}
.videoList ul{font-size: 0;}
.videoList li{ width: 202px;display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin-bottom:27px; position:relative}
.videoList .imgbox{ width:202px; height:114px; overflow:hidden; position:relative}
.videoList .imgbox img{ width: 202px; height: 114px; -webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;-ms-transition: all linear 0.5s;-o-transition: all linear 0.3s;transition: all linear 0.3s;}
.videoList .imgbox b{ background:url(/images/supertv/video.png) center no-repeat; display:block; width:50px; height:50px; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; -webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);opacity: 0;-ms-filter: "alpha(opacity=0)";	filter: alpha(opacity=0);-webkit-transition:all ease-out .25s;transition: all ease-out .25s; z-index:1}
.videoList li:hover .imgbox b{ opacity: 1;-ms-filter: "alpha(opacity=100)";filter: alpha(opacity=100);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1)}
.videoList li:hover .imgbox img{ -webkit-transform: scale(1.1) ;-moz-transform:  scale(1.1) ;-ms-transform:  scale(1.1) ;-o-transform:  scale(1.1) ;transform:  scale(1.1) ;}
.videoList .user_head{ width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;border: 3px solid #fff;  float: left; margin:-28px 5px 0; position: relative; z-index: 2}
.videoList .room_info:after{ content:''; display: block; width: 100%; height:0; overflow: hidden; zoom: 1;}
.videoList .room_info p{white-space:nowrap; text-overflow:ellipsis; overflow: hidden; zoom: 1; font-size: 15px; color: #000; padding-top: 6px; position:relative}
.videoList .count{font-size: 13px;color: #2196f3; position:relative;}
.videoList i{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; width: 19px; height: 19px; background: url("/images/new_index/sex.png") left top no-repeat; margin-right: 4px;}
.videoList i.girl{background-position: right top;}
.videoList span{display:inline-block; *display:inline;zoom: 1; vertical-align:middle}
.videoList span.name{ width: 91px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right: 10px;}
.videoList span.num{ background: url("/images/new_index/num.png") left center no-repeat; padding-left: 16px; position:absolute; right:0; top:0; color:#727272}
.videoList .live b.live{ display:block; background:url(/images/new_index/live2.png) left top no-repeat; width:46px; height:21px; position:absolute; left:2px; top:2px; z-index:1}


/*中秋活动*/
.MAF{ background:url(/images/ActivityImg/MAF/MAFbg.jpg) top center no-repeat; }
.w1250{ max-width:1250px; margin:0 auto;}
.MAF .top .leftArea,.MAF .top .rightArea{ width:581px; position:relative}
.MAF .top .leftArea{ float:left}
.MAF .top .rightArea{ float:right}
.MAF .top .l,.MAF .top .r{ position:absolute; left:50%; margin-left:-214px; margin-top:420px; z-index:2}
.MAF .top ul li{ margin-bottom:25px;}
.MAF .top .title{ text-align:center; text-indent:0}

/*国庆活动*/
.NationalDay { background:url(../images/ActivityImg/NationalDay/bg.jpg) top center no-repeat}
.NationalDay img{ object-fit:cover}
.NationalDay .topArea{ position:relative;background:url(../images/ActivityImg/NationalDay/3.jpg) left top repeat-y; overflow:hidden}
.NationalDay .topArea .topAreaBg{  background:url(../images/ActivityImg/NationalDay/4.jpg) top center no-repeat; overflow:hidden}
.NationalDay .topArea .top_tank_prompt{margin-top: 10px;}
.NationalDay .topArea .top{ width:1060px; margin:10px auto 0}
.NationalDay .topArea .top .leftArea,.NationalDay .topArea .top .rightArea{ width:530px;}
.NationalDay .topArea .top .leftArea{ float:left}
.NationalDay .topArea .top .rightArea{ float:right}
.NationalDay .list{ position:relative; background:#fdeaef url(../images/ActivityImg/NationalDay/15.png) left top  no-repeat}
.NationalDay .videoList ul{ margin-left:-10px; padding-top: 25px;}
.NationalDay .videoList{ width:1180px; overflow:hidden; margin:0 auto}
.NationalDay .videoList .imgbox { width:228px; height:128px;}
.NationalDay .videoList .imgbox img{ width:228px; height:128px;}
.NationalDay .videoList li{ width:228px; margin-left: 10px;}
/*万圣节活动*/
.Halloween{ background:url(../images/ActivityImg/Halloween/bg.jpg) top center no-repeat}
.Halloween .topArea{ min-height:655px;}
.Halloween .topArea .top { padding-bottom:0}
.Halloween .topArea .top .leftArea{ float:left;margin-left: 40px;}
.Halloween .topArea .top .rightArea{ float:right;margin-right: 80px;}
/*双11活动*/
.Double11{ background:#fff url(../images/ActivityImg/Ev11/bg.jpg) top center no-repeat;}
.Double11 .w1405{ width:1405px; margin:0 auto}
.Double11 .spe{ margin-bottom:-11px; margin-top:-1px}
.Double11 .topArea{ background:url(../images/ActivityImg/Ev11/3.jpg) top center no-repeat; overflow:hidden; height:1275px;}
.Double11 .topArea .middleArea{ float:left;margin-top: 390px; }
.Double11 .top .leftArea{ float:left;margin-top: 530px; margin-left:49px;}
.Double11 .top .rightArea{ float:right;margin-top: 530px;margin-right: 73px;}
.Double11 .top .l{ margin-right:60px}
.Double11 .top img.jqqd{ display:block; margin:0 auto;}
.Double11 .top .l,.Double11 .top .r{ margin-left:0; width:388px;}
.Double11 .topArea .middleArea .r li.spe{ background-image:url(../images/registration/icon_pink.png);}
.Double11 .topArea .middleArea .r li dl{ background:#fa45cc;}
.Double11 .topArea .middleArea .r li dl dt{ background:#e90eb7}
.Double11 .topArea .middleArea .r li i{ background:#ea0eb9}
.Double11 .top li p{ color:#fff}
.Double11 .topArea .middleArea li > p{ color:#4b4b4b}
/*圣诞节活动*/
.Christmas{ background:#d74208 url(../images/ActivityImg/Christmas/bg1.jpg) top center no-repeat;}
.Christmas .w1504{ width:1504px; margin:0 auto;}
.Christmas .wishTop{ margin-top:-50px; marin-bottom:18px; overflow:hidden}
.Christmas .giftsTop{ background:url(../images/ActivityImg/Christmas/bg2.png) top center no-repeat; margin-top:-15px;}
.Christmas .progressBar{ width:161px; display:inline-block; *display:inline;zoom: 1; vertical-align:middle; background:#3c0700; border-radius:5px; height:13px; border:2px solid #3c0700 }
.Christmas .progressBar p{ background:url(../images/ActivityImg/Christmas/loadingbg.png) left top repeat-x; height:13px; border-radius:5px;}
.Christmas .wishTop .site{ top:7px; position:absolute; z-index:1; width:100%; overflow:hidden; height:727px;}
.Christmas .wishTop { overflow:hidden; position:relative;}
.Christmas .wishTop .todayTop{ width:750px;}
.Christmas .wishTop .yestardayTop{ width:316px; position:absolute; right:208px; top:0}
.Christmas .wishTop .spe img{ display:block; border-radius:50%; width:97px; height:97px; object-fit:cover; border:3px solid #860000; margin:0 auto 36px;}
.Christmas .wishTop .spe{ text-align:center}
.Christmas .wishTop ul {padding-top: 143px;}
.Christmas .wishTop ul li{ height:25px; line-height:25px; text-align:center; margin-bottom:28px;}
.Christmas .wishTop .name{font-size: 12px; color:#fff; width:84px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;margin-right: 15px; display:inline-block; *display:inline;zoom: 1; vertical-align:middle}
.Christmas .wishTop i{ display:inline-block; *display:inline;zoom: 1; border-radius:5px; background:#ec0306; font-weight: 700; color:#fff; font-style: normal; width:25px; height:25px; line-height:25px; text-align:center;margin-right: 20px;}
.Christmas .giftsTop{ position:relative}
.Christmas .giftsTop .topArea{ position:absolute; top:464px; left:50%; margin-left:-306px}
.Christmas .giftsTop .topArea .hat{ position:absolute; left:122px; top:-20px;}