html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,table,tr,th,td {margin:0;padding:0}
body{overflow-y:scroll; *overflow-y:auto; }
body,input,textarea,select{font:12px/1.5 "Hiragino Sans GB","Microsoft YaHei","宋体",Arial,Tahoma,Helvetica,Geneva,sans-serif; color:#444866; -webkit-font-size-adjust: none; }
h1,h2,h3,h4,h5,h6 {font-size: 12px;}
h6 {font-weight: normal;}
input, textarea, select, button {font-size:12px;font-weight:normal;font-family:inherit}
input[type="button"],input[type="submit"],select,button {cursor:pointer}
table {border-collapse:collapse;border-spacing:0;width:100%;}
em,i,b {font-style: normal;font-weight: normal}
/*i {transition:background 0.5s linear 0s}*/
ul{list-style:none;}
img {border:none;vertical-align:middle;-ms-interpolation-mode:bicubic;}
input,textarea,select{resize:none;}
.cl:before,.cl:after,.area:before,.area:after{content:"";display:table;clear:both;}
.cl,.area {*zoom:1;}
a{text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); color:#444866; cursor:pointer;transition:background-color 0.2s linear 0s;}
a:hover{ text-decoration:none; color:#33b972;}
.fr {float: right;}.fl {float: left;}.cred {color: #c00;}
body {background:#fff}
.area {width: 1000px; margin: auto;clear: both;}
header{width: 100%; clear: both; background-color: #111;}
#top { height: 58px;}
.logo {float: left; width: 265px;}
.logo a {display: block; width: 263px; height: 44px; background: url("logo.png")  no-repeat; overflow: hidden; text-indent: -9999px; margin: 10px 0 0 20px;}
header nav a {float: left; width: 128px; text-align: center; height: 58px; font: 14px/58px "Microsoft YaHei","simhei"; color: #eee;   margin-right: -1px;}
header nav a.current {background-color: #222; color: #e2e4ed;}
header nav a:hover {color: #ffffff;}
.joinus ,.jointo{float: right; margin: 12px 20px 0 0; height: 32px; line-height: 32px; width: 98px; border: 1px solid #3aca7a; border-radius: 3px; background-color: #38b774; font-size: 14px; color: #fff; text-align: center;}
.jointo {float:none;display:inline-block;color:#fff!important}
.joinus:hover ,.jointo:hover {color: #fff; background-color: #2ba364;}
#banner {width: 100%; clear: both; position: relative; background-color: #191d3a;}
#banner .bd {overflow: hidden;}
#banner .bd li {background-position: center top; background-repeat: repeat-x; height: 1082px; width: 100%;}
#banner .intro { width: 460px; padding:158px 0 0 540px; margin: auto; position: relative;}
#banner .intro h2 {display: none;}
.online {position: absolute; right: 75px; top: 82px; width: 115px;  cursor: pointer;}
.online dt {height: 37px; padding-left: 17px; color: #191d3a; line-height: 37px; font-size: 14px;background: url("http://www.terose.com/online.png")/*tpa=http://www.winq8.com/files/online.png*/ no-repeat;}
.online dd {display: none; padding: 2px 0 8px 13px; background-color: #fff; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.online dd a {display: inline-block; width: 24px; height: 24px; background: url("http://www.terose.com/online.png")/*tpa=http://www.winq8.com/files/online.png*/ no-repeat 0 -47px; margin-right: 4px;}/*facebook*/
.online dd a.pt2 {background-position: -25px -47px;}/*qzone*/
.online dd a.pt3 {background-position: -50px -47px;}/*kaixin001*/
.online dd a.pt4 {background-position: -75px -47px;}/*Renren*/
.online dd a.pt5 {background-position: -100px -47px;}/*weibo*/
.onlinehover,.online:hover dt {background-position: -120px 0;}
.onlinehover dd,.online:hover dd { display: block;}
#banner .intro p {padding-right: 20px; font-size: 14px; color: #191d3a; line-height: 30px;}
#banner .darkcolor .intro p {color: #fff;}
.download {}
.download dt { color: #191d3a; font-size: 18px; font-weight: bold; padding-left: 30px; height: 35px; line-height: 35px; background: url("http://www.terose.com/download.png")/*tpa=http://www.winq8.com/files/download.png*/ no-repeat 5px 10px; margin-bottom: 8px;}
.download dd {height: 106px;}
.download dd a.downlink { float: left; width: 83px; height: 35px; text-align: center; margin-right: 1px; background: url("http://www.terose.com/pad.png")/*tpa=http://www.winq8.com/files/pad.png*/ no-repeat 30px 18px; background-color: #fff; background-color: rgba(255,255,255,.7); font-size: 14px; color: #444866; padding-top: 71px;}
.download dd a.ipad {background-position: 30px -182px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.download dd a.android {background-position: 24px -82px;}
.download dd a.pc {background-position: 44px -275px;}
.download dd a.wphone {background-position: 44px -377px;}
.download dd a.tv{background-position: 22px -482px}
.download dd .ewm { width: 111px; height: 93px; text-align: center; background-color: #fff; background-color: rgba(255,255,255,.7); float: left; padding-top: 13px; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.download dd a.downlink:hover {background-color: #fff;}
.darkcolor .download dt {color: #fbc660; background-position: 5px -30px;}
.darkcolor .download dd a.downlink {background-color: #695abb; background-color: rgba(255,255,255,.2);background-position: -218px 18px; color: #fff;} 
.darkcolor .download dd a.downlink:hover {background-color: #e0dff3; color: #444866; background-position: 28px 18px;}

.darkcolor .download dd a.ipad {background-position: -210px -182px;}
.darkcolor .download dd a.ipad:hover {background-position: 30px -182px;}

.darkcolor .download dd a.android {background-position: -218px -82px;}
.darkcolor .download dd a.android:hover {background-position: 24px -82px;}
.darkcolor .download dd a.pc {background-position: -215px -275px;}
.darkcolor .download dd a.pc:hover {background-position: 26px  -275px;}
.darkcolor .download dd a.wphone {background-position: -214px -377px;}
.darkcolor .download dd a.wphone:hover {background-position: 26px  -377px;}

.darkcolor .download dd a.tv {background-position: -214px -482px;}
.darkcolor .download dd a.tv:hover {background-position: 22px -482px;}

#b5 .online,#b12 .online {right: 20px;}
#b5 .download dd a.downlink {background-color: #e3e8ec; background-color: rgba(255,255,255,.5);}
#b5 .download dd a.downlink:hover {background-color: #fff;}
#banner #b5 .intro p,#b5 .download dt {color: #fff;}
#banner .hd ul {width: 135px;z-index: 100; position: absolute; left: 50%; margin-left: -67px; bottom: 20px;}
#banner .hd ul li {float: left;   width: 12px;height: 12px;border-radius: 6px; background-color: #fff; overflow: hidden; text-indent: -9999px; margin-right: 15px; opacity: 0.5;filter: alpha(opacity=50); cursor: pointer;}
#banner .hd ul li.on {opacity: 1;filter: alpha(opacity=100);}
#indexmain {width: 100%; background:#fff url("http://www.terose.com/indexmainbg.jpg")/*tpa=http://www.winq8.com/files/indexmainbg.jpg*/ no-repeat center bottom; padding-bottom: 57px;}
.indexpro { padding-top: 50px; margin-bottom: 35px;}
.indexpro .bd {width: 1000px; overflow: hidden;  margin-bottom: 29px;}
.indexpro .bd li { float: left; /*width: 218px; height: 200px; */margin-right: 43px; text-align: center;}
.indexpro .bd li a {color: #444866; display: block; width: 218px; height: 200px; }
.indexpro .bd li h5 { font-size: 14px; padding: 10px 0 5px;}
.indexpro .bd li p {padding-bottom: 10px;}
.indexpro .bd li p span { display: inline-block; padding-right: 11px; background: url("http://www.terose.com/arrow.png")/*tpa=http://www.winq8.com/files/arrow.png*/ no-repeat right center; line-height: 18px; text-transform: uppercase; color: #38b774;}
.indexpro .hd { border-top: 1px solid #dbe1e7; clear: both; height: 18px;}
.indexpro .hd ul {width: 100px; padding-left: 17px; height: 11px; margin: -6px auto 0; background-color: #fff;}
.indexpro .hd ul li {float: left; width: 11px; height: 11px; margin-right: 14px; border-radius: 6px; background-color: #b5c0cb; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.indexpro .hd ul li.on { background-color: #2fbc71;}
.indexpro .bd li a:hover h5,.indexpro .bd li a:hover p{ background-color: #38b774; color: #fff;transition:background-color 0.5s linear 0s}
.indexpro .bd li a:hover img {opacity: 0.8;filter: alpha(opacity=80); background-color: #fff;}
.indexpro .bd li a:hover p span {color: #fff; background-image: url("http://www.terose.com/arrow_hover.png")/*tpa=http://www.winq8.com/files/arrow_hover.png*/;}
.indexnews {float: left; width: 500px; height: 310px; background: url("http://www.terose.com/bynewsbg.jpg")/*tpa=http://www.winq8.com/files/bynewsbg.jpg*/ no-repeat;}
.mtitle { padding: 40px 216px 0 0; height: 70px;}
.mtitle .more {float: right;}
.mtitle .more a {display: inline-block; width: 64px; text-align: center;  height: 26px; border-radius: 5px; color: #30bd72; border: 1px solid #33b972;}
.mtitle .more a:hover { background-color: #33b972; color: #fff;}
.mtitle h2{display: none;}
.mtitle .stit h2 {font-size: 28px; display: block; line-height: 34px; font-weight:700;}
.stit {float: left;padding-left: 80px; color: #fff; }
.indexnewscon {padding: 0 20px;padding-left: 20px;}
.newslist li { border-bottom: 1px solid #dbe1e7; padding: 10px 0; font-size: 14px; line-height: 29px;}
.newslist li .time {margin-right: 18px; color: #afbecf; font-size: 12px;}
.indexrecruitment {float: right; width: 500px; height: 310px; background: url("http://www.terose.com/byhrbg.jpg")/*tpa=http://www.winq8.com/files/byhrbg.jpg*/ no-repeat;}
.indexrecruitment .mtitle .more a { border-color: #fff; color: #fff;} 
.indexrecruitment .mtitle .more a:hover {background-color: #fff; color: #2fbc71;}
.recruit {padding: 0 175px 0 20px;}
.recruitlist li { border-bottom: 1px solid #6fdea3; padding: 10px 0; font-size: 14px; line-height: 29px; height: 29px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; color: #fff;}
.recruitlist li a {color: #fff;}
.recruitlist li a:hover {color: #ff0;}
.ftbox {height: 60px; width: 100%; clear: both;}
footer {background-color: #eee; width: 100%; clear: both; font-size: 14px;}
footer nav {padding: 20px 0; color: #666;}
footer nav p{ padding: 10px 0px; line-height: 200%;}
footer nav a {color: #000; margin: 0 4px; font-weight: bold; font-size: 16px; text-decoration: none}
footer nav a:hover {color: #f60;}
footer .ft {background-color: #252947; color: #6c6e7e;}
.fixed {position: fixed; bottom: 0; z-index: 9999;}
.homebot {padding: 24px 0;}
.statement {/*float: left; width: 710px;*/ line-height: 24px;}
.botright {float: right; width: 265px;}
.botewm {float: left; width: 110px; text-align: center;}
.botewm h5 {margin-top: 8px; font-weight: normal;}
.bot110 { float: right; width: 151px;}
.aboutbanner,.newsbanner,.gamebanner,.hrbanner,.joinbanner,.sitemapbanner,.faqbanner {width: 100%; background:#fffaf4 url("http://www.terose.com/aboutbanner.jpg")/*tpa=http://www.winq8.com/files/aboutbanner.jpg*/ repeat-x center top; height: 254px;}
.newsbanner {background-image: url("http://www.terose.com/newsbanner.jpg"); background-color: #05A939;}
.gamebanner {background-image: url("gamebanner.jpg"); background-color: #ffffff;}
.hrbanner {background-image: url("http://www.terose.com/hrbanner.jpg"); height: 515px; background-color: #51c0e4;}
.joinbanner {background-image: url("http://www.terose.com/joinbanner.jpg"); background-color: #2fc1f2;}
.sitemapbanner {background-image: url("http://www.terose.com/sitemapbanner.jpg"); background-color: #243284;}
.faqbanner  {background-image: url("http://www.terose.com/faqbanner.jpg"); background-color: #f8f8f8;}
.location { height: 29px; padding: 25px 0 15px; border-bottom: 1px solid #c7d6e5;}
.location h2 { line-height: 29px; font-size: 20px; color: #444866; padding-left: 30px; height: 29px; background: url("http://www.terose.com/location.png")/*tpa=http://www.winq8.com/files/location.png*/ no-repeat 0 -44px;}
.location h2.news_t {background-position: 0 6px;}
.location h2.game_t {background-position: 0 -94px;}
.location h2.hr_t {background-position: 0 -144px;}
.location h2.faq_t {background-position: 0 -188px;}
.location h2.faq_det { background: none no-repeat;height: 90px; padding:15px 0 0 20px; font-size: 24px;}
.location h2.faq_det img { margin-right: 20px;}
.location_faq { height: auto;}
.qlink {float: right; line-height: 20px; height: 20px; margin-top: 4px; color: #444866;}
.qlink a,.qlink label {display: inline-block; vertical-align: middle;}
.qlink em {display: inline-block; vertical-align: middle; background: url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 0 -150px; width: 4px; height: 8px; line-height: 8px; margin: 0 7px;}
.qlink a.home { width: 20px; height: 20px; background: url("http://www.terose.com/home.png")/*tpa=http://www.winq8.com/files/home.png*/ no-repeat center 3px;}
.combox {padding-bottom: 40px;}
.pleft {float: left; width: 230px; padding-top: 40px;}
.catelist li { border-bottom: 1px solid #c7d6e5; }
.catelist li a {display: block; padding: 15px 0;}
.catelist li h3 { font-size: 16px;} 
.catelist li em {text-transform: uppercase;}
.catelist li.current a {color: #38b774;}
.catelist li.current h3 { background: url("http://www.terose.com/arrow.png")/*tpa=http://www.winq8.com/files/arrow.png*/ no-repeat right center;}
.leftewm {padding: 15px 0; text-align: center;}

.pright {float: right; width: 732px; padding-top: 40px;}
.about {color: #444866;}
.about p {text-indent: 28px; margin-bottom: 30px; line-height: 2.4; font-size: 14px; }
.about p.fsi {font-style: italic;}
.about h2 {text-align: center; font-size: 24px; line-height: 2;}
.about h3 {text-align: center; font-size: 18px; color: #c7d6e5; margin-bottom: 15px; font-weight: normal;}
.about h5 {margin-left: 28px; padding-left: 17px; background: url("http://www.terose.com/dot.png")/*tpa=http://www.winq8.com/files/dot.png*/ no-repeat 0 4px;}
.worldmap {padding: 20px 0; border-bottom: 1px solid #c7d6e5; margin-bottom: 30px;}
.gameplat {width: 730px; overflow: hidden;}
.gameplat li {float: left; width: 180px; margin-top: 20px; text-align: center;}
.contact dt { font-size: 24px; font-weight: bold; line-height: 2;}
.contact dt em {color: #c7d6e5; font-size: 18px;}
.contact dd {padding: 10px 0; border-bottom: 1px solid #c7d6e5; margin-bottom: 20px;}
.contact dd:last-child {border-bottom: 0 none;}
.address li { margin-bottom: 15px; padding-top: 5px;}
.address li .companyname {float: left; width: 75px; text-align: center; margin-right: 17px; padding-top: 5px;}
.address li .companyname h5 {font-size: 14px; margin-top: 8px;}
.address li .companyadd {float: left; width: 600px; line-height: 24px; font-size: 14px;}
.cooper {padding-bottom: 20px; padding-top: 5px;}
.cooper li {float: left; margin-right: 35px; padding-left: 18px; background: url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 0 -194px; font-size: 14px;}
.cooper li.email {background-position: 0 -244px;}
.addressmap {padding: 8px 0;}
.culture li { margin-bottom: 60px; border-bottom: 1px solid #c7d6e5; padding-bottom: 60px;}
.culture li .culicon {float: left; width: 110px; text-align: center;}
.culture li .culicon i {display: inline-block; width: 97px; height: 97px; background: url("http://www.terose.com/cul_icon.png")/*tpa=http://www.winq8.com/files/cul_icon.png*/ no-repeat;}
.culture li .culinfo {float: right; width: 575px;}
.culture li .culinfo h5 { font-size: 24px; margin-bottom: 12px;}
.culture li .culinfo h5 em {color: #f39800; font-size: 18px; font-weight: bold;}
.culture li .culinfo p {font-size: 14px; line-height: 2;}
.culture li:last-child {margin-bottom: 0; border-bottom: 0 none;}
.culture li.cul2 i { background-position: 0 -250px;}
.culture li.cul2 .culinfo h5 em { color: #38b774;}
.culture li.cul3 i { background-position: 0 -500px;}
.culture li.cul3 .culinfo h5 em { color: #6672ca;}
.culture li.cul4 i { background-position: 0 -750px;}
.culture li.cul4 .culinfo h5 em { color: #da6c54;}

.nleft {float: left; width: 730px; padding-top: 20px;}
.topnews { border-bottom: 1px solid #d1dce7; padding-bottom: 20px; margin-bottom: 10px;}
.topnews h2 { font-size: 14px;}
.topnews h2 .time {padding-left: 24px; color: #afbecf; font-size: 12px; background: url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 0 -298px; float: right; font-weight: normal;}
.topnews h2 label {color: #38b774;}
.newspic {padding: 15px 0; text-align: center;}
.summary { line-height: 2.2; text-indent: 28px; font-size: 14px;}
.summary a {color: #38b774;}
.summary a:hover {text-decoration: underline;}
.nlist li {line-height: 1.8; padding: 15px 0; font-size: 14px;}
.nlist li em {float: right; color: #afbecf; font-size: 12px;}
.nlist li a {font-weight: bold;}
.nright {float: right; width: 230px; padding-left: 20px; border-left: 1px solid #dbe1e7; padding-top: 20px;}
.topiclist li { text-align: center; margin-bottom: 30px;}
.topiclist li h5 { font-size: 14px; margin-bottom: 10px;}
.topiclist li h5 span {display: inline-block; padding-right: 12px; background: url("http://www.terose.com/arrow.png")/*tpa=http://www.winq8.com/files/arrow.png*/ no-repeat right center;}
.pages {text-align: center; clear: both; padding: 20px;}
.pages a {display: inline-block; margin: 0 5px; padding: 2px; vertical-align: middle; color: #38b774; text-decoration: underline;}
.pages a.cur { color: #bfd0e1; text-decoration: none;}
.pages a.prev,.pages a.next { background: url("http://www.terose.com/pagearr.png")/*tpa=http://www.winq8.com/files/pagearr.png*/ no-repeat 4px -14px; width: 16px; height: 16px;}
.pages a.next {background-position: -46px -14px;}
.pages a.prev.dis {background-position: 4px 4px;}
.pages a.next.dis {background-position: -46px 4px;}
.goback {padding-left: 20px; height: 29px; display: inline-block; line-height: 29px; font-size: 16px; color: #38b774; background: url("http://www.terose.com/goback.png")/*tpa=http://www.winq8.com/files/goback.png*/ no-repeat left center; font-weight: bold;}
.artbox { padding: 15px 0;}
.artbox h1 {text-align: center; font-size: 22px; margin-bottom: 15px;}
.artbox .art_date {text-align: center; margin-bottom: 20px;}
.artbox .art_date span {display: inline-block; padding-left: 24px; color: #afbecf; font-size: 12px; background: url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 0 -298px; }
.artbox p { font-size: 14px; text-indent: 30px; line-height: 2.4;}
.artbox .photo { text-align: center; padding: 25px 0;}
.artbox p.noin {text-indent: 0;}
.artbox h5 {margin-bottom: 15px; font-size: 14px;margin-top: 15px;}

.prev_next {border-top: 1px solid #d1dce7; padding: 10px 0; margin-top: 10px; clear: both;}
.prev_next p {padding: 10px 0; font-weight: bold; font-size: 14px;}
.prev_next p em {float: right; font-weight: normal; font-size: 12px; color: #afbecf;}
.prev_next p label {color: #38b774;}
.gleft { float: left;width: 195px; padding-top: 40px;}
.gnavlist li { border-bottom: 1px solid #cad6e1;}
.gnavlist li.current,.gnavlist li.on {background: url("http://www.terose.com/arrow.png")/*tpa=http://www.winq8.com/files/arrow.png*/ no-repeat right center;}
.gnavlist li a {display: block; padding-left: 52px; height: 80px; font:16px/80px Arial; width: 143px; position: relative;}
.gnavlist li a i {position: absolute; left: 0; top: 23px; height: 41px; width: 34px; background: url("http://www.terose.com/pad.png-v1.002")/*tpa=http://www.winq8.com/files/pad.png?v1.002*/ no-repeat;}
.gnavlist li a i.android {background-position: -4px -97px;}
.gnavlist li a i.ipad {background-position: 0 -199px;}
.gnavlist li a i.pc {background-position: 0 -295px;}
.gnavlist li a i.tv{  background-position: 0 -602px;}
.gnavlist li a i.tv:hover{ }
.gnavlist li a i.wphone {background-position: 0 -400px;}
.gnavlist li.current a,.gnavlist li.on a {color: #38b774;}
.gnavlist li a:hover i,.gnavlist li.current a i,.gnavlist li.on a i {background-position: -125px 0;}
.gnavlist li a:hover i.android,.gnavlist li.current a i.android,.gnavlist li.on a i.android {background-position: -124px -97px;}
.gnavlist li a:hover i.ipad,.gnavlist li.current a i.ipad,.gnavlist li.on a i.ipad {background-position: -121px -199px;}
.gnavlist li a:hover i.pc,.gnavlist li.current a i.pc,.gnavlist li.on a i.pc {background-position: -120px -295px;}
.gnavlist li a:hover i.wphone,.gnavlist li.current a i.wphone,.gnavlist li.on a i.wphone {background-position: -120px -400px;}
.gnavlist li a:hover i.tv,.gnavlist li.current a i.tv,.gnavlist li.on a i.tv { background-position: -43px -602px;}
.gright {float: right; width: 757px; padding-top: 44px;}
.gamelistcon {width: 757px; overflow: hidden;}
.gamelist {width: 110%;}
.gamelist li {float: left; margin-bottom: 42px; margin-right: 43px; width: 355px; height: 500px; border: 1px solid #cad6e1; border-radius: 5px; overflow: hidden; text-align: center; background-color: #f7f7f7;}
.gamelist li h3 {height: 55px; padding-top: 3px; line-height: 55px; font-weight: normal; font-size: 16px;}
.gamelist li h3 span {padding-right: 14px; font-size: 12px; font-family: Arial; color: #38b774; background: url("http://www.terose.com/arrow.png")/*tpa=http://www.winq8.com/files/arrow.png*/ no-repeat right center; text-transform: uppercase; margin-left: 4px;}
.gamelist li .gamepic {width: 331px; height: 256px; overflow: hidden; margin:0 auto 20px;}
.gamelist li .gamepic a:hover img {opacity: 0.8;filter: alpha(opacity=80);}
.gamelist li .gamelink {width: 331px; height: 36px; margin: auto;}
.gamelist li .gamelink .appstore {float: left; height: 36px; border-right: 1px solid #c7d6e5; width: 169px; text-align: center;}
.gamelist li .gamelink .appstore a {display: inline-block; vertical-align: top; height: 36px; line-height: 36px; padding-left: 33px; font-size: 14px; font-family: Arial; background: url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 0 -347px;}
.gamelist li .gamelink .android {float: left; height: 36px; border-right: 1px solid #c7d6e5; width: 169px; text-align: center;}
.gamelist li .gamelink .android a {display: inline-block; vertical-align: top; height: 36px; line-height: 36px; padding-left: 33px; font-size: 14px;background: url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 0 -547px;}
.gamelist li .gamelink .ewmlink {float: left; width: 161px; height: 36px; position: relative;}
.gamelist li .gamelink .ewmlink a {display: inline-block; vertical-align: top; padding-left: 40px; line-height: 36px; font-size: 14px; background: url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 0 -448px;}
.gamelist li .gamelink .ewmlink i {position: absolute; background: url("http://www.terose.com/ewmbg.png")/*tpa=http://www.winq8.com/files/ewmbg.png*/ no-repeat; padding-top: 14px; text-align: center; width: 146px; height: 142px; left: -29px; bottom: 34px; display: none;}
.gamelist li .gamelink .ewmlink:hover i { display: block;}
.gamelist li .gamelink .pc {display: inline-block; font-size: 16px;}
.gamelist li .gamelink .pc a {display: inline-block; width: 24px; height: 24px; background: url("http://www.terose.com/online.png")/*tpa=http://www.winq8.com/files/online.png*/ no-repeat 0 -47px; vertical-align: middle; margin-left: 4px;}
.gamelist li .gamelink .pc a.l2 {background-position: -25px -47px}/*qzone*/
.gamelist li .gamelink .pc a.l3 {background-position: -50px -47px;}/*kaixin001*/
.gamelist li .gamelink .pc a.l4 {background-position: -75px -47px}/*Renren*/
.gamelist li .gamelink .pc a.l5 {background-position: -100px -47px;}/*weibo*/
.gamelist li .gamelink .pc a.qpdown {background: url("http://www.terose.com/download-icon.png")/*tpa=http://www.winq8.com/files/download-icon.png*/ no-repeat; width: 26px; height: 26px;}
.gamelist li:hover {background-color: #fff;}
.loadmore {clear: both; text-align: center;}
.loadmore a {display: inline-block; font-size: 16px; color: #fff; padding-left: 69px; text-align: left; line-height: 56px; background:url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 49px 29px; background-color: #38b774 ; height: 56px; border-radius: 5px; width: 144px;}
.loadmore a:hover {color: #fff; background-color: #2baa67;}
.hrtitle {text-align: center; padding: 45px 0;}
.hrmain {width: 1000px; height: 255px; background: url("http://www.terose.com/hrmain.png")/*tpa=http://www.winq8.com/files/hrmain.png*/ no-repeat; margin-bottom: 56px;}
.hrbox {float: left; width: 333px; }
a.hlink {height: 80px; display: block; width: 333px;}
.hrcon {padding: 12px; overflow: hidden; height: 120px; color: #fff; font-size: 14px; line-height: 2.3;}
.hrcon a {color: #fff;}
.hrlist li {}
.hrlist li a { color: #fff; padding-left: 13px; background: url("http://www.terose.com/newsdot.png")/*tpa=http://www.winq8.com/files/newsdot.png*/ no-repeat 0 10px;}
.hrlist li a:hover {background-position: 0 -80px; color: #fde230;}
.welfare li {float: left; width: 33%;}
.welfare li a {color: #fff;}
.welfare li a:hover {color: #ff0;}
.hrmore {clear: both; padding-right: 18px; text-align: right;}
.hrmore a {display: inline-block; padding-right: 8px; background: url("http://www.terose.com/arrow_hover.png")/*tpa=http://www.winq8.com/files/arrow_hover.png*/ no-repeat right center; color: #fff;}
.session {}
.session h2 { height: 50px; padding-left: 28px; line-height: 50px; font-size: 18px; font-weight: normal; background:#dbe1e7  url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 11px -78px;}
.hdinfo {font-size: 14px; line-height: 36px; padding: 20px 0;}
.jobinfo {padding: 20px 0;}
.jobinfo dt { font-weight: bold; font-size: 18px;}
.jobinfo dt em {font-size: 16px; font-weight: normal; color: #38b774;}
.jobinfo dd {padding: 5px 0 30px; margin-bottom: 30px; border-bottom: 1px solid #d1dce7; font-size: 14px; line-height: 30px;}
.jobinfo dd:last-child {border-bottom: 0 none; margin-bottom: 0;}
.jobinfo dd a {color: #38b774;}
.jobinfo dd a:hover {text-decoration: underline;}
.hrtabt {width: 730px; overflow: hidden; margin-bottom: 25px;}
.hrtabt ul {width: 110%;}
.hrtabt li {float: left; margin-right: 12px;margin-bottom: 10px;}
.hrtabt li a {display: inline-block; width:173px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; background-color: #dbe1e7;}
.hrtabt li.on a {background-color: #38b774; color: #fff;}
.jointabt li {margin-right: 6px;}
.jointabt li a {width: 99px; height: 35px; line-height: 35px; font-size: 14px; }

.gameintro {padding: 40px 0}
.development { font: 14px/2.6 "Microsoft YaHei"; padding-left:10px; }
.development dt { font-size: 18px; font-weight: bold; padding-left: 20px; background: url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 0 -80px;}
.development dd {padding-left: 20px; margin-bottom: 20px;}
.development .cgreen {font-weight: bold; color: #38b774;}
.sitemap { padding: 50px 0;}

.sitemap dl {float: left; width: 24.9%; text-align: center; line-height: 2.6; font-size: 14px;}
.sitemap dl dt {font-size: 18px; font-weight: bold;}
.promain {position: relative; z-index: 10; margin-top: -104px; background-color: #fff;}
.promain .location { position: relative; background-color: #f3f3f3; border-bottom-color: #dbe1e7;}
.promain .location .goback { width: 144px; height: 70px; text-align: center; line-height: 70px; background: #38b774 url("http://www.terose.com/icon.png")/*tpa=http://www.winq8.com/files/icon.png*/ no-repeat 35px -23px; padding-left: 30px; color: #fff; font-size: 20px; position: absolute; left: 0; top: 0}
.promain .qlink {padding-right: 20px;}
.hrabout { padding: 10px; line-height: 2; font-size: 14px;}
.hrabout h5 {margin-bottom: 10px; font-size: 14px;}
.hrabout p {text-indent: 30px; margin-bottom: 15px;}
dl.hrdl dd { padding-left: 50px; margin-bottom: 15px;}
dl.fldl dt {font-weight: bold;}
dl.fldl dd {margin-bottom: 15px;}
.hrabout p.photo {text-align: center; text-indent: 0;}
.hrabout h3 { font-size: 18px; margin-bottom: 15px;}
.gotop {position: fixed; right: 15px; bottom: 75px; width: 68px; height: 29px; background: url("http://www.terose.com/top.png")/*tpa=http://www.winq8.com/files/top.png*/ no-repeat 0 -40px; z-index: 999;}
.gotop:hover {background-position: 0 0;}
.rightewm {position: absolute; right: 0; top: -11px; width: 176px; text-align: center;}
.rightewm h5 {font-size: 14px; padding: 5px;}

.qplink {display: block; width: 1000px; height: 463px; margin: auto; overflow: hidden;}

.fcontact { padding: 30px 0 26px 0; overflow: hidden; color: #444866;}
.fconul { width: 105%;}
.fcontact li { float: left; width: 320px; height: 134px; background-color: #f1f1f1; margin-right: 20px; text-align: center; border-radius: 3px;}
.fcontact li .fconimg { width: 38px; height: 68px; background: url("http://www.terose.com/faqicon.png-1002")/*tpa=http://www.winq8.com/files/faqicon.png?1002*/ no-repeat; margin: auto; padding-right: 12px;}
.fcontact li.fconli2 .fconimg {     background-position: 0 -202px; width: 60px;}
.fcontact li.fconli3 .fconimg { background-position: 0 -136px;}
.fcontact p { line-height: 20px; font-size: 14px;}
.fcontact h1 { line-height: 26px; font-size: 24px; font-weight: normal;}
.fcontact li img { vertical-align: top; margin-top: 2px;}
.fcontact li a { color: #444866;}
.fcontact li a:hover { text-decoration: underline;}
.flist_o { overflow: hidden; border-right: 1px solid #dbe1e7; border-bottom: 1px solid #dbe1e7; width: 999px;}
.flistul { width: 105%;}
.flist { color: #444866; padding-bottom: 40px;}
.flist h3.fli_t { font-weight: normal; font-size: 14px; line-height: 62px;}
.flist li { text-align: center; border-top: 1px solid #dbe1e7;  border-left: 1px solid #dbe1e7; float: left; width: 249px; height: 150px;}
.flist a { display: block; width: 249px; height: 150px; background-color: #fff; transition:all 0.2s linear 0s;}
.flist a:hover { background-color: #f1f1f1; font-weight: bold;}
.flist li.default a { cursor: default;}

.flist .flibox { padding-top: 35px;}
.flist .fliimg img { width: 70px; height: 70px; }
.flibox p { line-height: 36px; color: #444866; font-size: 14px;}

.f_detail { padding: 20px 0 0 0; overflow: hidden;}
ul.f_dtab li { float: left; width: 173px; height: 50px; line-height: 50px; color: #444866; text-align: center; background-color:#dbe1e7; font-size: 18px; margin-right: 12px; cursor: pointer;}
ul.f_dtab li.curr { background-color:#38b774; color: #fff; cursor: default;}
.f_dmain { padding: 35px 0 0 0; min-height: 400px;}
.f_dmain li { padding-bottom: 30px; font-size: 14px;}
.f_dmain li h3 { line-height: 24px; padding:0 0 8px 28px;  background: url("http://www.terose.com/faq_wen.png")/*tpa=http://www.winq8.com/files/faq_wen.png*/ 0 2px no-repeat; font-size: 18px;}
.f_dmain li p { line-height: 28px;}
.f_dmain li p a { color: #33b972; text-decoration: underline;}
.f_dmain li p b { font-weight: bold;}
.f_dtxt { display: none;}
/* 2014/10/20 by CiciDeng */

.recruitlist h3{color: #fff;font-size: 16px;}
.indexrecruitment1 li{ padding:5px 0;line-height:20px; height: auto;}
.indexrecruitment1 {background: url("http://www.terose.com/byhrbg1.jpg")/*tpa=http://www.winq8.com/files/byhrbg1.jpg*/ no-repeat;}
.hrmain {background: url("http://www.terose.com/hrmain1.png")/*tpa=http://www.winq8.com/files/hrmain1.png*/ no-repeat; }
.hrbox1 p{line-height: 19px;}
.hrbox1 h3{color: #fff;font-size: 14px;line-height: 20px;}
.indexrecruitment2{background: url("http://www.terose.com/byhrbg3.jpg-v1")/*tpa=http://www.winq8.com/files/byhrbg3.jpg?v1*/ no-repeat;}
.recruitlist li{padding:4px 0;}
.indexrecruitment2 h3{color: #fff;font-size: 14px;}



/* 2017/1/28 by CiciDeng */
.video_mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
filter: alpha(opacity=60);
z-index: 1000;
cursor: pointer;
display: none;
}

.video_box {
position: absolute;
margin-left:-390px;
margin-top:-218px;
width: 760px;
height: 427px;
background: url("http://www.terose.com/video_bg-1.jpg")/*tpa=http://www.winq8.com/files/video_bg.jpg*/ no-repeat;
z-index: 1005;
display: none;
}
.cls{position: absolute; right:-30px; top:0px;}

#banner .boyyapool .intro{padding:200px 0 0 540px}
 	
.order-tr {
	padding: 15px 0 45px 46px;
	color: #333;
	font-size: 14px;
*zoom:1
}
.order-td-left {
    width: 98px;
}
.order-td-left {
	text-align: right
}
			
.pay-amount, .pay-for {
	text-align: center;
	margin-right: 10px;
	float: left
}
.order-td-left label {
	margin-right: 10px
}
.order-td-right {
	width: 510px
}
			
			.error-info li, .order-td, .uip dt {
    float: left;
}
			
.order-td-right-lh30 {
	line-height: 30px
}
.order-td input, .order-td textarea {
	width: 232px;
	padding: 4px 5px;
	line-height: 26px;
	color: #3d3d3d
}
.order-td input {
	height: 20px;
	line-height: 20px;
	vertical-align: top;
	margin-right: 10px
}
.order-td input:focus {
	border: 1px solid #1fb8ff
}
.order-td textarea {
	height: 80px
}
.order-td label {
	line-height: 30px
}
.order-td input#vercode {
	width: 158px
}
.order-amount .order-td label, .order-game .order-td label, .order-pay-bank .order-td label, .order-pay-for .order-td label {
	line-height: 40px
}
.name-confirm {
	line-height: 30px;
	margin-right: 10px;
	white-space: pre-wrap
}
.pay-coupon .coupon-title, .pay-logs, .pay-notice {
	text-overflow: ellipsis;
	white-space: nowrap
}
.pay-for {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	_display: inline;
	width: 154px;
*width:152px;
	height: 40px;
*height:38px;
	line-height: 40px;
*line-height:38px;
	border: 1px solid #d8dbde
}
.pay-for-on, .pay-for:hover {
	width: 154px;
*width:150px;
	height: 40px;
*height:36px;
	line-height: 38px;
*line-height:36px;
	border: 2px solid #3fa8f9
}
.pay-for-coin, .pay-for-game, .pay-for-icon, .pay-for-tt {
	width: 18px;
	height: 18px
}
.pay-for-icon {
	top: 4px;
*top:0;
	_top: 10px;
	margin-right: 10px;
	display: inline-block;
	_display: inline-block;
*zoom:1
}
.pay-for-coin {
	background: -370px -423px no-repeat
}
.pay-for-title {
	_position: relative;
	_top: 10px
}
.pay-for-tt {
	background: -144px -546px no-repeat
}
.order-checked {
	position: absolute;
	display: none;
	width: 20px;
	height: 20px;
	bottom: -2px;
	right: -2px;
	background: -348px -423px no-repeat
}
.pay-amount-error .order-checked {
	background: 0 -551px no-repeat
}
.pay-amount-on .order-checked, .pay-bank-on .order-checked, .pay-card-on .order-checked, .pay-coupon-on .order-checked, .pay-for-on .order-checked, .pay-remit-on .order-checked {
	display: block
}
.pay-game {
	background: -467px -126px no-repeat #f2f6fa;
	position: relative;
	border-radius: 1px;
	float: left;
	_display: inline;
	padding-left: 14px;
	width: 138px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #d8dbde;
	margin-right: 10px
}
.pay-game-on, .pay-game:hover {
	border: 1px solid #3fa8f9;
	background-color: #f7f9fc
}
#pay_game .gs-sel-panel {
	top: 50px
}
.sel-role {
	width: 152px;
	_height: 127px;
	max-height: 127px;
	left: 328px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #e5e5e5;
	background-color: #f2f6fa;
	z-index: 20;
	-moz-box-shadow: 0 3px 10px #ccc inset;
	-webkit-box-shadow: 0 3px 10px #ccc inset;
	box-shadow: 0 3px 10px #ccc;
	position: absolute;
	top: 50px;
	font-size: 12px;
	color: #666
}
.sel-role li {
	width: 100%;
	float: left
}
.sel-role a {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	width: 139px;
	color: #666;
	font-size: 14px;
	padding-left: 13px;
	overflow: visible
}
#role_refresh, .pay-amount {
	line-height: 40px
}
.sel-role a:hover {
	background-color: #1791f0;
	color: #fff
}
.pay-confirm {
    display: inline-block;
    text-align: center;
    width: 180px;
    height: 54px;
    line-height: 54px;
    font-size: 24px;
    color: #fff;
    background-color: #f90;
    border-radius: 3px;
}
			.pay-confirm:hover{color: #fff; background-color: #f60}
.pay-amount {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: #666;
	position: relative;
	border-radius: 1px;
	_display: inline;
	width: 90px;
	height: 40px;
*width:88px;
*height:38px;
*line-height:38px;
	border: 1px solid #ffd563;
	background-color: #fffdf8;
	margin-bottom: 10px
}
.pay-logs, .pay-notice-hide {
	display: none
}
.pay-amount-on, .pay-amount:hover {
	color: #333;
	width: 90px;
	height: 40px;
	line-height: 38px;
*width:86px;
*height:36px;
*line-height:36px;
	border: 2px solid #3fa8f9
}
.pay-amount-error, .pay-amount-error:hover {
	border-color: #f25277
}
.order-td .pay-amount-error input:focus {
	border-color: #f25277
}
.pay-amount-input {
	width: 190px;
*width:188px
}
.pay-amount-input:hover, .pay-amount-on.pay-amount-input {
	width: 190px;
*width:186px
}
.pay-amount-input .input {
	width: 120px;
	vertical-align: inherit;
*padding:0;
	margin-right: 5px;
*vertical-align:middle
}
.pay-notice {
	float: left;
	line-height: 14px;
	height: 14px;
	_height: 16px;
	_line-height: 16px;
	color: #f90;
	font-size: 14px
}
.pay-notice-span {
	float: left;
	vertical-align: bottom;
	margin-right: 6px;
	width: 14px;
	height: 14px;
	background: -128px -551px no-repeat
}
.pay-logs {
	position: absolute;
	bottom: -6px;
	width: 600px;
	line-height: 24px;
	color: #999;
	font-size: 12px;
	overflow: hidden
}
.pay-coupon-btn {
	margin-bottom: 15px
}
.pay-coupon-btn a {
	display: inline-block;
	border-radius: 3px;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	margin-right: 5px;
	background-color: #ebf0f6;
	color: #666
}
.pay-coupon-btn a.on, .pay-coupon-btn a:hover {
	color: #fff;
	background-color: #3fa8f9
}
.pay-coupon {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative;
	float: left;
	_display: inline;
	width: 154px;
	height: 56px;
*width:152px;
*height:54px;
	border: 1px solid #d8dbde;
	margin-right: 10px;
	margin-bottom: 10px
}