body{ margin:0px; background:#121b2a url(https://img.ssl.q1.com/yz/images/zt/login170411/body.jpg?v=1) no-repeat center top; font-family: "微软雅黑"; font-size:12px;}
*{ margin:0px; padding:0px;list-style:none}
a{text-decoration:none; outline:none}
img{vertical-align:bottom; border: none;}
.clear{clear:both}
.top,.main,.btm{width:1000px; margin:0 auto;}
.icon,.zt_1,.zt_2,.zt_3,.zt_4,.zt_5,.zt_6,.left span,.down a,.card a,.photo h3 span,.left_1,.right_1,.comment h3 span,.btm a{ background:url(https://img.ssl.q1.com/yz/images/zt/login170411/sprite.png?v=1) no-repeat;  }
.icon{ position:absolute;width:29px; height:29px;}
.btn a,.close{ background:url(https://img.ssl.q1.com/yz/images/zt/login161110/sprite.png?v=1) no-repeat; }
.btn a,.video_btn a,.t_down a,.card a,.down a,.tesetu a,.zhiyea a,.jineng a,.btm a{text-indent:-9999px; display:block}
/* top */
.top{ position:relative}
.logo{ position:absolute;top:30px; left:-110px; background:url(https://img.ssl.q1.com/yz/images/zt/login170411/logo.png?v=1) no-repeat; width:126px; height:67px;}
.t_down{ position:absolute; left:0;bottom:-10px}
.t_down a{ background:url(https://img.ssl.q1.com/yz/images/zt/login170411/down.gif?v=1) no-repeat; width:280px; height:127px;}
.video_btn{ position:absolute;top:510px; right:72px;}
.video_btn a{ background:url(https://img.ssl.q1.com/yz/none.gif?v=1); width:82px; height:72px;}
/*  奖项 */
.jiang_t{ position:absolute; left:60px;top:35px;height:60px;text-align:center; color:#dae1e5; font-size:15px;}
.jiang_t p{ padding-top:8px;}
.jiang{height:60px; overflow:hidden; width:350px;  position:absolute;top:40px; left:165px;}
.jiang li{ width:164px; height:60px;float:left; margin-left:5px; margin-right:5px; display:inline; text-align:center; color:#dae1e5; font-size:14px; background:url(https://img.ssl.q1.com/yz/images/zt/login150330/icon_jiang.png?v=1) no-repeat center top}
.jiang li p{ padding-top:2px;}
/* left */
.left{ float:left;width:276px; background:#2e4052}
.reg,.down,.card,.photo{ position:relative}
.left span{ background-position:0 -256px; left:-33px; width:68px; text-align:center; line-height:68px; height:68px;font-size:26px;color: #939385;position: absolute;top:15px;}
.left h2{ font-size: 22px; padding-left:60px;color:#e7cd7e;text-shadow: 1px 2px 3px #000; padding-top:35px; padding-bottom:20px;}
/* reg  */
.reg{ height:323px;}
/* down */
.down{ height:167px;}
.down a{ margin:20px auto; width:188px; height:52px; background-position:0 -30px;}
.down a:hover{ background-position:0 -82px;}
/* card  */
.card{ background:url(https://img.ssl.q1.com/yz/images/zt/login170411/card_bg.jpg?v=1) no-repeat center 100px; height:306px; position:relative}
.card p{ position: absolute;top:70px; padding:3px 8px;left:80px;color:#fff;font-size: 12px; background:#182e45}
.card p em{font-style:normal; color:#ffde83}
.card a{ background-position:-188px -30px;  width:188px; height:52px; position:absolute; left:43px;bottom:20px;  }
.card a:hover{background-position:-188px -82px;}
/* photo  */
.photo{height:229px;overflow:hidden; width:276px; padding-top:30px; padding-bottom:20px; background:#131d2c}
.photo h3{ height:60px; background:#2e4052; font-size:20px; color:#eaeaea; line-height:60px; text-align:center; position:relative}
.photo h3 span{ background-position:-58px 0; width:30px; height:30px; position:absolute; left:60px;top:15px; font-size:20px;}
#photo_scroller{ position:relative;}
.photo_scroller .photo_scroller_nav{position: absolute;}
.photo_scroller .photo_scroller_nav li{cursor:pointer;position:absolute;}
.photo_scroller_nav .left_1{ background-position:0 -324px; position:absolute;top:0; left:0; z-index:1; width:30px; height:58px;}
.photo_scroller_nav .left_1:hover{background-position:0 -382px;}
.photo_scroller_nav .right_1{ background-position:-30px -324px; width:30px; height:58px;position:absolute;top:0; left:246px;  z-index:1;}
.photo_scroller_nav .right_1:hover{background-position:-30px -382px;}
.photo_scroller .photo_scroller_mask{position: absolute;overflow:hidden; left:0; top:0;}
.photo_scroller ul{float: left;}
.photo_scroller ul li{float:left;text-align: center;display:inline; width:276px; height:169px; overflow:hidden;}
/* comment  */
.comment{  width:246px; padding:0 15px;background:#2e4052}
.comment h3{ height:60px; font-size:20px; background:#2e4052; color:#eaeaea; line-height:60px; text-align:center; position:relative}
.comment h3 span{ background-position:-88px 0; width:30px; height:30px; position:absolute; left:45px;top:15px; font-size:20px;}
.w_top{ float:left; width:246px;}
.w_top li{ float:left; background:#4c5b6a; padding:6px 10px; color:#f3f3f3; margin-left:6px; margin-top:8px; margin-right:5px; display: inline}
.w_top .dj_d{  background:#98947e}
.comment h4{ padding:15px 0 10px 0; color:#918f8e; clear:both; font-size:14px; text-align:center; border-bottom:#676f76 1px solid; height:40px; line-height:40px;}
.comment h4 strong{ color:#e0a60b}
.hp{ width:246px; height:72px;overflow:hidden; padding:18px 0;}
.hp li{ line-height:30px; color:#91908e}
.hp li p{ color:#caa574}



/* right  */
.right{ float:right; width:695px}
/* tese */
.tese{ position:relative}
.tese .title{ background:#2a3c4c; border-bottom:#ac2e2a 3px solid; height:70px; color:#f8fbfc; font-size:18px;}
.tese .title li{ float:left;height:70px;width:173px; line-height:70px; text-align:center; border-right:#455665 1px solid; cursor:pointer}
.tese .title li span{ font-size:14px; margin:0 6px;}
.t_1,.t_2,.t_3,.t_4{ background:#ac2e2a }
#li4{ border-right: none}
.t_text{ text-align:center;width:695px; height:px;  margin:0 auto;background:url(https://img1.ssl.q1.com/yz/yz_online/skin10/images/loading.gif?v=1) no-repeat center center;}
.tesetu{ position:absolute; top:73px; left:0; }
.tesetu a{width:695px; height:289px; background:url(https://img.ssl.q1.com/yz/none.gif?v=1);}
/* 奖励 */
.j_title{ clear:both; margin:32px auto; background:#2e4052; padding-left:50px; height:65px; line-height:65px; font-size:20px; color:#fff; position:relative}
.j_title span{ left:10px;top:20px; background-position:0 0}
.jiangli{ background:url(https://img.ssl.q1.com/yz/images/zt/login170411/jiang_bg.jpg?v=2) no-repeat; width:695px; height:305px; cursor:pointer}
.jiangli li{ float:left; width:168px; margin-right:7px; display:inline; text-align:center}
.jiangli li.last{ margin-right:0}
.jiangli li p{ color:#eaeaea; font-size:16px; background:#9c9469; width:60px; height:30px; line-height:30px; margin:8px auto 0}
.jiangli li h1{ padding-top:160px; font-size:18px; color:#ac2e2a; padding-bottom:10px;}
.jiangli li h2{ color:#adadad; font-size:12px; font-weight:normal; border-bottom:#414c53 1px solid; line-height:20px; border-top:#414c53 1px solid; width:60%; padding:5px 0; margin:0 auto }
/* 职业*/
.tab{  position: relative; margin-top:30px;}
.tab_title{ background:#2e4052; padding-left:50px; padding-bottom:25px; height:65px; line-height:65px; font-size:20px; color:#fff; position:relative}
.tab_title span{ left:10px;top:20px; background-position:-29px 0}
.zy_title{ background:url(https://img.ssl.q1.com/yz/images/zt/login170411/zy_title.png?v=1) no-repeat; padding:16px 3px 17px 2px; width:690px; height:30px;line-height:30px; text-align:center; font-size:18px; color:#ababab}
.zy_title li{  width:115px; float:left; cursor:pointer }
.zt_1,.zt_2,.zt_3,.zt_4,.zt_5,.zt_6{ height:30px; width:115px; background-position:-118px 0}
.zy_text{  width:695px; height:441px;  text-align:center;background:url(https://img1.ssl.q1.com/yz/yz_online/skin10/images/loading.gif?v=1) no-repeat center center;}
.info_p{position:absolute; right:67px; bottom:28px;}
.zhiyea{ position:absolute; left:0;top:153px}
.zhiyea a{ background:url(https://img.ssl.q1.com/yz/none.gif?v=1);width:695px; height:441px;}
.jineng{position:absolute; right:67px; bottom:28px; z-index:10}  
.jineng a{ background:url(https://img.ssl.q1.com/yz/none.gif?v=1);width:189px; height:81px; }
/* btm */
.btm{ padding:104px 0 65px 0; height:61px;}
.btm a{ width:405px; height:61px;}
.b_1{ float:left; margin-left:84px; display:inline}
.b_1 a{ background-position: 0 -134px;}
.b_2{ float:left; margin-left:26px; display:inline}
.b_2 a{ background-position: 0 -195px;}
/* footer  */
.footer{ clear:both; width:100%; background:#17171d;}
.copyright{ width:1000px; margin:0 auto; background:url(https://img.ssl.q1.com/yz/images/zt/login170306/footer_logo.png?v=1) no-repeat 20px center; color:#575a5c;height:110px; padding-top:20px;}
.copyright p{ margin-left:260px; padding-left:20px;  border-left:#808080 1px solid; line-height:20px; font-size:12px;}
.copyright p a{ color:#575a5c}
/* tc */
.zz { width:100%; background:#000; position:absolute; top:0px; left:0px; z-index:100; display:none; }
.tck_tit{ line-height:59px; height:59px; text-align:center; font-size:24px; color:#fff}
.tck_tit strong{ color:#ffe44e; font-weight:normal}
.tck_tit,.tck_lb_pic,.tck_tit_cdk,.tck_tit_video,.tck_tit_video2,.tck_cdk_pic{ background:url(https://img.ssl.q1.com/yz/images/zt/login161101/tc.jpg?v=1) no-repeat;}
.tck { position:fixed; _position:absolute; z-index:111; display:none; border:solid 2px #596db2; top:0px; background:#fff;}
.close { position:absolute;top:4px; right:4px; background-position:right 0; cursor:pointer; width:40px; height:38px; }
.tck_tit_lb { background-position:0 -59px; }
.tck_lb { width:660px; height:374px;  }
.tck_lb_left { float:left; width:280px; padding:62px 25px 0;  }
.tck_lb_right { float:left; width:304px;   padding-left:25px; border-left:#f4f4f6 1px solid }
.tck_lb_pic{ background-position:0 bottom; width:281px; height:224px;}
.tck .btn{ margin:0 auto;}
.tck .btn a{ width:280px; height:52px; background-position: 0 -102px}
.tck .btn a:hover{background-position: -280px -102px}
.tck_tit_cdk { background-position:0 0;}
.tck_cdk { width: 646px; z-index: 111; height:436px; color:#8f8f8f }
.cdk_img { float: left; width:264px; padding:0 22px; }
.cdk_txt { padding-top:30px; }
.cdk_txt p{ padding-bottom:8px; line-height:25px;}
.cdk_txt strong{ color:#f25930; font-weight:normal}
.cdk_txt em{ background:#7185ca; color:#fff; padding:5px 15px; font-style:normal}
.tck_cdk_pic{ width:264px; height:162px; background-position:-281px -118px}
.cdk_box_video { width: 310px;border-left:#f4f4f6 1px solid; padding-left:27px; height:355px; float: left; margin-top:10px; display:inline  }
.tck_tit_reg { width: 216px; background:url(https://img.ssl.q1.com/bbcs/images/login/login161020/btns_1020.gif?v=1) right top; margin:0 auto; height: 31px; margin-bottom: 10px; }
.tck_video { width:845px; height:438px;z-index:111; }
.tck_tit_video { background-position:0 0; height:59px; }
.video{width:530px; float:left; height:340px; padding:12px 12px;}
.reg_box_video{width:280px; float:left;}
.tck_tit_video2{ background-position:-280px bottom; height:61px; width:280px; margin:5px auto}
.tck_tit_video2 .title{font-size:28px; font-weight:bold; color:#c9a545; padding-left:60px; height:30px; line-height:30px;}
.tck_tit_video2 .num{  color:#fff;padding-left:70px; padding-top:5px;}

/* 红包  */
.zhezhao{position:absolute;z-index:999;filter:alpha(opacity=60);background:#000;opacity: 0.6;-moz-opacity: 0.6;left:0;top:0;width:100%;}
.xf{ background:url(https://img.ssl.q1.com/yz/images/zt/login161018/xf.png?v=1) no-repeat; width:109px; height:46px;position:fixed;_position:absolute; top:300px; right:0; cursor:pointer; z-index:1000; display:none; font-size:12px; color:#fedd80; padding-top:110px; text-align:center;}
.redb{  position:fixed;_position:absolute;  left:50%; margin-left:-225px; font-size:25px; color:#fedd80; line-height:43px; z-index:1000; background:url(https://img.ssl.q1.com/yz/images/zt/login170306/hb_bg_v2.png?v=1) no-repeat; width:451px; height:532px;}
.redbN{ margin:180px 0 0 100px;}
.redbN span{ display:inline-block; background:#fedd80; color:#4b4b4b; padding:0 7px; margin-left:5px;}
.remove{width:123px; height:123px; position:absolute; top:55px; left:174px;background:url(https://img.ssl.q1.com/lw/none.gif?v=1);}
.redb_close{background:url(https://img.ssl.q1.com/ws/images/login/login170122/closeBtn.png?v=1);width:40px; height:40px; position:absolute; top:10px; right:-45px; cursor:pointer;}
.hb_cent{background:url(https://img.ssl.q1.com/yz/images/zt/login170210/hb_cent_v2.png?v=2) no-repeat; width:451px; height: 530px; display: none;}
.hb_cent_reg{position: absolute;width:320px; height:230px; left: 70px; top: 305px;}
.redbN{ margin:0;}
.redb h6{font-size: 33px;color:#f2e28a;font-weight:bold;text-align:center;padding-top:220px;padding-bottom:10px;}
.redb p{font-size: 23px;color:#f5be76;text-align:center;padding-bottom:10px;}
.redb p span{background:#f2e28a;color:#000;}