@charset "utf-8";
/* CSS Document */

body{margin:0;padding:0;color: #333;font-family:"Microsoft YaHei","Lucida Sans Unicode","Myriad Pro","Hiragino Sans GB","Heiti SC",Verdana,simsun ; background:#fff; font-size: 12px;}
p{text-align:justify;}
a,input{outline:none; text-decoration:none;color:#333333;}
a{cursor:pointer;text-decoration: none;
    transition: fast;
    -moz-transition: fast;
    -webkit-transition: fast;
    -o-transition: fast;}
a:hover{ text-decoration:none}
i{ font-style: normal;}
div,form,img,ul,ol,li,dl,dt,dd,button,input,select{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #ccc;
	background: none;
	outline: none;
}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight: normal;}
img{vertical-align:top;}
ul, ol {list-style: none;}
li{list-style:none;}
.lt{ float:left; display:inline}
.rt{float:right; display:inline;}
.clear{clear:both;font-size:1px;width:1px;visibility:hidden;margin-top:0px!important; line-height:0;zoom:1;}
*{ margin:0; padding:0;}
em{font-style: normal;}
.flow{ overflow: hidden;}

.jin-header {
    height: 84px;
    clear: both;
    margin: 0 auto;
    position: relative;
    width: 100%;
    background-color: #fff;
}
.header-con {
    width: 1210px;
    margin: 0 auto;
    overflow: hidden;
    height: 84px;
    position: relative;
}
.jin_logo {
    clear: both;
    display: block;
    background-image: url(../images/logo_02.png);
    position: absolute;
    top: 3px;
    width: 200px;
    height: 65px;
}
.nav {
	height: 84px;
	position: absolute;
	left: 220px;
}
.nav ul li {
	width: 110px;
	height: 84px;
	line-height: 60px;
	float: left;
	position: relative;
}
.nav ul li a {
	color: #595757;
	font-size: 18px;
	text-decoration: none;
	width: 100px;
	height: 84px;
	display: inline-block;
	text-align: center;
	line-height: 85px;

}
.nav ul li a.current{ background: url("../images/nav-bg_02.png") no-repeat; color: #fff;}
.nav ul li a:hover{background: url("../images/nav-bg_02.png") no-repeat; color: #fff;}
.banner{
    clear: both;
    width: 100%;
    height: 326px;
    overflow: hidden;
    position: relative;
}
.banner ul{
    width: 6000px;
    height: 326px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -3000px;  }
.banner ul li{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 326px;
    z-index: 1;
    background: url("../images/banner01_02.png") no-repeat top center;
    filter: alpha(Opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    z-index: 1;
}
.banner ul li.banner02{background-image: url("../images/banner01_02.png")}
.banner ul li.banner03{background-image: url("../images/banner01_02.png")}

.banner ol.token-ol{
    width: 115px;
    position: absolute;
    bottom: 18px;
    left: 50%;
    margin-left: -58px;
    height: 20px;
    background: none;
    z-index: 1;
}
.banner ol.token-ol li{
    width: 15px;
    height: 15px;
    float: left;
    display: block;
    margin: 0 0 0 10px;
    text-indent: -999px;
    font-size: 0;
    background: #898989;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 50%;


}

.banner ol li.current{ background:#fb7a27; }
.company-summary{ width: 100%; height: 515px; background-color: #fff;overflow: hidden;}
.company-con{
	width: 1210px;
	height: 515px;
	margin: 0 auto;
	position: relative;
}
.figure{ margin-top: 75px; }
.company-text{ width: 550px; margin-top: 70px; text-align: right}
.company-text img{ margin-bottom: 25px;}
.company-text p{ text-indent: 2em; font-size: 16px; color: #727171; line-height: 36px;}
.more-btn{ display: inline-block; width: 145px; height: 50px; text-align: center; line-height: 50px; background-color: #f1881a; color: #fff; font-size: 18px; border-radius: 5px; margin-top: 20px;}
.product{ background-color: #ffa648; }
.company02-r{ margin-top: 45px;}
.product-text p{ text-indent: 0;width: 515px; color: #fff;}
.product-text{ text-align: left;}
.btn-two a{ display: inline-block; width: 145px; height: 50px; text-align: center; line-height: 50px; background-color: #fff; color: #b45d01; font-size: 18px; border-radius: 5px; margin-top: 20px; margin-right: 45px;}
.product .product-r{ margin-top: 45px;}
.recruit{ width: 100%; height: 515px; background: url("../images/s06_02.png") no-repeat top center;}
.recruit .company-con{ height: 515px; width: 1210px;}
.recruit .more-btn{ color: #1e9ce6; position: absolute; bottom: 150px; left: 0; background-color: #fff; }
.company-text .work-p{ text-align: right;color: #f1881a;text-indent: 0; }
.company-text .work-p a{color: #f1881a; font-size: 18px; margin-right: 5px;}
.company-text .work-p a:last-child{ display: inline-block; width: 487px; text-align: left;}
.both-img {  margin-top: 45px; width: 433px; height: 432px; position: relative; }
.both-img img{ position: absolute;left: 0;top: 0;    transition:5s;  animation: zhuan 8s infinite;  -webkit-animation: zhuan 8s infinite linear;-o-animation: zhuan 8s infinite;-moz-animation: zhuan 8s infinite;}
@keyframes zhuan {
    0% {transform: rotate(0deg);}
    100%{ transform: rotate(360deg)}
}
@-moz-keyframes zhuan{
    0% {transform: rotate(0deg);}
    100%{ transform: rotate(360deg)}
}
@-webkit-keyframes zhuan {
    0% { transform: rotate(0deg);}
    100%{ transform: rotate(100deg)}
}

.footer{ width: 100%; height: 185px; background-color: #fff; border-top: 1px solid #d5d5d5;}
.footer-con{ width: 780px;height: 185px; margin: 0 auto;}
.footer-logo{ margin-top: 48px;}
.footer-text{ background:url("../images/d01_14.png") no-repeat left;     padding-left: 61px;  width: 510px;  height: 75px;  margin-top: 40px;  margin-left: 20px;}
.footer-text p{
	color: #333;
	font-size: 12px;
	line-height: 20px;
}
.footer-text .footer-aaa{ font-size: 14px; font-weight: bold;}

.jin-content,.product-bg{ width: 100%; margin: 0 auto; background: #f0f0f0 url("../images/list01_02.png") no-repeat center top;overflow: hidden; padding-bottom: 58px;}
.jin-con{
	width: 1210px;
	margin: 210px auto 0;
}
.content-l{ width: 271px;  height: 315px; background-color: #eaeaea;text-align: center;}
.content-l h2{ color: #595757; font-size: 18px; margin-top: 25px; line-height: 36px;}
.content-r{ width: 880px; background-color: #fff;}
.content-r ul.tit-ul{ padding-top: 20px; height: 60px;}
.content-r ul.tit-ul li{ float: left; width: 220px; height: 60px; line-height: 60px; text-align: center; color: #000; font-size: 22px; border-bottom: 4px solid #bfc0c0; cursor: pointer; }
.content-r ul.tit-ul li.on{border-bottom: 4px solid #f1881a;}
.condition-list{ padding: 15px 50px 0}
.condition-list ul li{ height: 65px; line-height: 65px; border-bottom: 1px dashed #c8c6c6; color: #727171}
.condition-list ul li a{color: #727171 ; font-family: " simsun"}

.game-math {  text-align: center;  margin: 60px auto;  }
.game-math a {  display: inline-block;  padding: 10px 8px;  color: #9fa0a0;  }
.game-math a.current {  color: #f1881a;  cursor: text;  }
.game-math a:hover{ color: #f1881a;}
.condition-text{ padding: 55px;}
.condition-text h1{ color: #f1881a; font-size: 20px; height: 60px; line-height: 60px;}
.condition-time{ color: #9fa0a0; font-family: " simsun" ; line-height: 40px; border-bottom: 1px solid #e6e6e6;}
.time-span{ margin-right: 40px;}
.text-con{ padding-top: 40px; text-align: center;}
.text-con p{ color: #6e6e6e; font-size: 14px; line-height: 30px; text-indent: 2em; margin-bottom: 20px;font-family: " simsun" }
.text-con img{ margin: 20px 0;}
.product-bg{background: #f0f0f0 url("../images/list01_02.png") no-repeat center top;}

/*手游产品样式*/
.product-game01{ width: 1210px; height: 235px; background-color: #ddf8fd;}
.product-l,.pc-product-r{ width: 928px;height: 235px; position: relative;}
.product-r,.pc-product-l{ width: 282px;height: 235px; text-align: center;   background-color: #fff;overflow: hidden;}
.product-r h3{font-size: 24px;color: #3e3a39; line-height: 95px;}

.product-game01{ margin-bottom: 40px;}
.product-game01 .product-l{ background: url("../images/products/p01_03.png") no-repeat ; padding-left: 365px; width: 563px;}
.product-l img.p-logo{ margin-right:10px;}
.game-con-tit{ margin-bottom: 10px;}
.game-con-tit a{ display: inline-block; width: 130px; height: 42px; line-height: 42px; background-color: #292929; color: #fff; border-radius: 5px; margin-right: 10px; margin-top: 45px;}
.game-con-tit a span{ margin: 0 8px 0 15px;}
.game-con-tit a.ico-and{ background-color: #68a82e;}
.product-l p.pro-p,.pc-product-r p.pro-p{ padding-right: 20px; font-size: 16px; color: #3e3a39; line-height: 30px;}
.arrow{ position: absolute;  top: 50%;  margin-top: -8px; right: -15px; width:0px;  height:0px;  border-bottom:15px solid transparent;  border-top:15px solid transparent;  border-left:15px solid #ddf8fd}
.product-game02{background-color: #f3eaff;}
.product-game02 .product-l{ background: url("../images/products/p02_07.png") no-repeat ;}
.product-game02 img.p-logo{ margin-left: -10px; margin-right: 0;}
.product-game02 .ico-ios{ background-color: #b5b5b6;}
.product-game02 .arrow{border-left:15px solid #f3eaff;}
.product-game03{background-color: #fff8e1;}
.product-game03 .product-l{ background: url("../images/products/p03_07.png") no-repeat ;}
.product-game03 .arrow{border-left:15px solid #fff8e1;}
.product04{ width: 100%; margin: 0 auto; overflow: hidden;}
.pc-product01,.pc-product02,.pc-product03{ width: 1210px; height: 235px; background-color: #fdeddb; margin: 0 auto 50px;}
.pc-product-l .p-logo{ margin-top: 38px;}
.pc-product-l p{ font-size: 20px; color: #3e3a39; text-align: center; line-height: 60px;}
.download { text-align: center;}
.download a{ width: 31px; height: 31px; display: inline-block; background: url("../images/g-ico.png") no-repeat; margin: 0 10px;}

.pc-product-r{ background: url("../images/products/pc01.png") no-repeat right top ;}
.pc-product-r h2{color: #323231; font-size: 24px; margin: 50px 0 0 50px;}
.pc-product-r p.pro-p{width: 485px; text-indent: 0; padding-left: 50px; margin-top: 10px;}
.pc-product-r .arrow {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: -15px;
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
    border-left: transparent;
    border-right: 15px solid #fdeddb;
}
.product-r a{ display: inline-block}
.ios-margin{ margin-bottom: 15px;}
.product-game04 .product-l{ background: url("../images/products/p04_07.png") no-repeat ;}
.product-game05 .product-l{ background: url("../images/products/p05_07.png") no-repeat ;}
.product-game06 .product-l{ background: url("../images/products/p06_07.png") no-repeat ;}
.product-game07 .product-l{ background: url("../images/products/p07_07.png") no-repeat ;}
.product-game04{background-color: #ffe4ed;}
.product-game05{background-color: #e2e2e2;}
.product-game06{background-color: #daf9e6;}
.product-game07{background-color: #e1ddce;}
.product-game04 .arrow{border-left:15px solid #ffe4ed;}
.product-game05 .arrow{border-left:15px solid #e2e2e2;}
.product-game06 .arrow{border-left:15px solid #daf9e6;}
.product-game07 .arrow{border-left:15px solid #e1ddce;}

/*手游产品样式*/


.school{ width: 100% ; height: 1345px;  background: #1e9ce6  url("../images/sbg_03.png") no-repeat center 175px;overflow:hidden;}
.jText{ width: 955px; margin: 810px auto 0}
.jText p{ font-size: 20px; line-height: 40px; color: #595757; text-indent: 2em}
.classify{ width: 100%; height:1050px; padding: 110px 0 100px 0; background: #fff url("../images/sbg02_03.png") no-repeat center 108px; }
.classify-con{ width: 1135px; height: 990px; margin:65px auto 0; position: relative;}
.classify-box{ width: 280px; height: 280px; border-radius: 50%; -o-border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;background-color: #51b4b1; position: absolute; }
.classify-box01{ top:0; left: 108px; }
.classify-box02{ top:-10px; right: 95px;background-color: #916fc3;  }
.classify-box03{ top:430px; right: 0;background-color: #fe9424; }
.classify-box04{ bottom:0; right: 403px;background-color: #296dc0; }
.classify-box05{ bottom:232px; left: 0;background-color: #f4758d;}
.classify-box .s-ico-left{ position: absolute; left: 35px;  top:103px; text-align: center}
.classify-number{ position: absolute; left: 112px;  top: 25px;}
.classify-number a{ display: inline-block; color: #fff; font-size: 14px; line-height: 25px;font-family: " simsun" }
.s-ico-left .tit{font-size: 16px; color: #fff; line-height: 36px;}
.classify-box02 .classify-number {  top: 40px;  }
.classify-box03 .s-ico-left,.classify-box04 .s-ico-left,.classify-box05 .s-ico-left{    left: 115px;  top: 35px;}
.classify-box03 .classify-number,.classify-box04 .classify-number{     top: 117px;  left: 100px;  text-align: center; text-align: center;}
.classify-box05 .classify-number{ top: 117px;  left:90px;text-align: center; }
.classify-box04 .classify-number{     top: 140px;    position: relative;  left: 0;}
.job-content{ background-color: #f5f5f5; padding-bottom: 440px;}
.job-ul li{ float:left;  width: 390px; height: 175px;margin-top: 85px; margin-right: 20px;}
.job-ul li.no-right{ margin-right: 0;}
.job-ul li h3{ background: url("../images/p-ico_03.png") no-repeat 0 6px; padding-left:56px; line-height: 30px;  color: #f1881a; font-size: 22px;}
.job-ul li p{ text-indent: 2em; font-size: 15px; color: #595757; line-height: 36px; margin-left: 20px;}
.relation-content{ background-color: #fff;}
.relation-text{
	margin-top: 45px;
	width: 915px;
}
.relation-text h2,.contact-way-con h2{ background: url("../images/r-ico_03.png") no-repeat; color: #3e3a39; font-size: 24px; padding-left: 36px;     line-height: 35px;
    margin-bottom: 30px;}
.relation-text p{ line-height: 32px; color: #595757; text-indent: 2em; font-size: 18px;}
.relation-content .figure {  margin-top: 85px;  }
.rela-con{width: 1210px;  margin: 201px auto 0; padding-bottom: 70px;}
.contact-way{ width: 100%; background-color: #f5f5f5;}
.contact-way-con{ width: 1210px; margin: 0 auto; padding-top: 45px;    padding-bottom: 70px;}
.contact-way-con h2{ background: url("../images/r-ico1_03.png") no-repeat;}
.contact-way-con p{ line-height: 32px; color: #3e3a39; font-size: 16px;}
.contact-way-con img{ margin: 40px 0;}

.advertises-tit{ width: 1210px; height: 122px; margin: 0 auto 45px;}
.advertises-tit li a{
	display: inline-block;
	float: left;
	width: 605px;
	background-color: #ffcd77;
	text-align: center;
	line-height: 122px;
	font-size: 30px;
	color: #c26300;
	position: relative;
}
.advertises-tit li.on a{ background: url("../images/she_bg_03.png") no-repeat;}
.advertises-tit li.on a span{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left:-5px;
    border-bottom: 10px solid #f0f0f0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;}
.advertises-l{ width: 270px;}
.advertises-r{ width: 780px; padding: 30px 50px 45px; border: 1px solid #c9caca; background-color: #fff; min-height: 565px}
.s-box{ position: relative}
.s-box img{ position: absolute; top: 16px; right: 10px; cursor: pointer;}
.advertises-l input{ width: 258px; height: 57px; border: 1px solid #c9caca; background-color: #fff; font-size: 14px; padding-left: 10px; border-radius: 2px; }
.siftings{ margin-top: 45px;}
.siftings h2{
    background: url("../images/z-ico_03.png") no-repeat;
    color: #f1881a;
    font-size: 20px;
    padding-left: 36px;
    line-height: 20px;
    margin-bottom: 30px;}
.siftings-style{ width: 269px; height: 403px; background: url("../images/zall_03.png") no-repeat;}
.siftings-style a{ width: 133px; height: 133px; display: inline-block; float: left;    margin: 1px 0 0 1px; }
.siftings-style a.no-right{}
.siftings-style a.style01.on{ background: url("../images/zw01_03.png") no-repeat;}
.siftings-style a.style02.on{ background: url("../images/zw02_03.png") no-repeat;}
.siftings-style a.style03.on{ background: url("../images/zw03_03.png") no-repeat;}
.siftings-style a.style04.on{ background: url("../images/zw04_03.png") no-repeat;}
.siftings-style a.style05.on{ background: url("../images/zw05_03.png") no-repeat;}
.siftings-style a.style06.on{ background: url("../images/zw06_03.png") no-repeat;}

.siftings-style a.style02:hover{ background: url("../images/zw02_03.png") no-repeat;}
.siftings-style a.style03:hover{ background: url("../images/zw03_03.png") no-repeat;}
.siftings-style a.style04:hover{ background: url("../images/zw04_03.png") no-repeat;}
.siftings-style a.style05:hover{ background: url("../images/zw05_03.png") no-repeat;}
.siftings-style a.style06:hover{ background: url("../images/zw06_03.png") no-repeat;}
.advertises-r ul li{  height: 60px;  border-bottom: 1px dashed #c8c6c6; overflow: hidden; animation: all 3s;}
.advertises-r ul li.h-auto{ height: auto;}
.claims-tit{ height: 60px; line-height: 60px;}
.job-name{ background: url("../images/jia_07.png") no-repeat 0px 8px; padding-left: 45px; font-size: 18px; color: #595757; line-height: 30px; width: 200px; display: inline-block;  cursor: pointer ;}
.claims-tit .cur{background-image:url(../images/jian_03.png); color: #f1881a}
.job-other{ margin-right: 45px;  font-size: 14px; color: #898989; font-family: "simsun" }
.claims-text{ background-color: #f2f2f2; padding: 15px 45px;}
.claims-text h3{ color: #7d7d7d; font-size: 16px; margin-bottom: 35px;}
.claims-text p{ color: #7d7d7d; font-size: 14px; line-height:24px;font-family: "simsun" }
.m-top{ margin-top: 20px;}
.last-p{ color: #7d7d7d; font-size: 16px; margin: 20px 0 10px;}

.animation01-r{ position: relative; overflow: hidden;}
.animation01-r img,.animation01-r p,.animation01-r a{position: relative; right: 0; top: 0; transition: 2s; }
.animation01-r img{ animation: Right 0.5s linear; -o-animation: Right 0.5s linear;-webkit-animation: Right 0.5s linear;-moz-animation: Right 0.5s linear; }
.animation01-r p{ animation: Right 1s ease;-o-animation: Right 1s ease;-webkit-animation: Right 1s ease;-moz-animation: Right 1s ease;}
.animation01-r a{ animation: Right 0.5s ease-out;-o-animation: Right 0.5s ease-out;-webkit-animation: Right 0.5s ease-out; -moz-animation: Right 0.5s ease-out;}
.animation01-l {position: relative;}
.animation01-l img{position: relative; left: 0; top: 0; transition: 2s; animation: Left 1s ease-out  }
@keyframes Left{
    0%{  left:-377px;  opacity: 0.1;  }
    100%{  left:0;  opacity: 1;  }
}
@-webkit-keyframes Left{
    0%{  left:-377px;  opacity: 0.1;  }
    100%{  left:0;  opacity: 1;  }

}
@keyframes Right{
    0%{  right:-500px;  }
    100%{  right:0;  }

}
@-webkit-keyframes Right{
    0%{  right:-500px;  }
    100%{  right:0;  }

}
.company-summary02 .company-text{ margin-top: 45px;}
.animation02-r img{  transition: 5s;animation: Left 2s linear;-webkit-animation: Left 2s linear; -o-animation: Left 2s linear; -moz-animation: Left 2s linear;}

.animation02-l img,.animation02-l p,.animation02-l .btn-two{position: relative; transition: 2s; }
.animation02-l p{ animation: Bottom .5s linear;-webkit-animation: Bottom 1s linear;-o-animation: Bottom 1s linear;-moz-animation: Bottom 1 linear;}
.animation02-l img{ animation: Top .5s linear ;-webkit-animation: Top .5s linear ; -o-animation: Top .5s linear ;-moz-animation: Top .5s linear ;}
.animation02-l .btn-two{ bottom: 0; animation: Bottom 1.3s linear; -webkit-animation: Bottom 1.3s linear; -moz-animation: Bottom 1.3s linear;-o-animation: Bottom 1.3 linear; }
@keyframes opc {
    0% {  opacity: 0.1;  right: -50px;  }
    100%{  opacity: 1;  right: 0px;  }
}
@-webkit-keyframes opc {
    0% {  opacity: 1;  }
    50%{  opacity: 0.1;  }
    100%{opacity: 1;}
}
@keyframes Top{
    0%{  top:-93px;  opacity: 0.1;  }
    100%{  top:0;  opacity: 1;  }

}
@-webkit-keyframes Top{
    0%{  top:-93px;  opacity: 0.1;  }
    100%{  top:0;  opacity: 1;  }

}
@keyframes Bottom{
    0%{  bottom:-300px;  }
    100%{ bottom:0;  }

}
@-webkit-keyframes Bottom{
    0%{  bottom:-300px;  }
    100%{  bottom:0;  }

}
.animation03-l{ position: relative;animation: Left 1s linear;-o-animation: Left 1s linear;-webkit-animation: Left 1s linear;-moz-animation: Left 1s linear;}
.animation03-r img{ position: relative;animation: Top 1s ease-in;-o-animation: Top 1s ease-in;-webkit-animation: Top 1s ease-in;-moz-animation: Top 1s ease-in;}
.animation03-r a{ position: relative;animation: Bottom 1s ease-out;-o-animation: Bottom 1s ease-out;-webkit-animation: Bottom 1s ease-out;-moz-animation: Bottom 1s ease-out;}


/*页游产品样式*/
ul.game-ul li a{ font-size: 26px;}
.game-ul li a i{ display:inline-block; width:30px; height:40px; font-size: 26px;background: url("../images/ph-ico_03.png") no-repeat 0 50%;     margin-right: 10px;
    margin-bottom: -10px;}
.game-ul li a i.twoi{width: 40px; background: url("../images/ye-ico_03.png") no-repeat}
.pc02 {  background-image: url("../images/products/pc02.png")  }
.pc03 {  background-image: url("../images/products/pc03.png")  }
.pc04 {  background-image: url("../images/products/pc04.png")  }
.pc05 {  background-image: url("../images/products/pc05.png")  }
.pc06 {  background-image: url("../images/products/pc06.png")  }
.pc07 {  background-image: url("../images/products/pc07.png")  }
.pc08 {  background-image: url("../images/products/pc08.png")  }
.pc-product02{ background-color: #ebebeb;}
.pc-product03{ background-color: #e7fbf7;}
.pc-product04{ background-color: #ffeff9;}
.pc-product05{ background-color: #fef1ee;}
.pc-product06{ background-color: #f7e9ea;}
.pc-product07{ background-color: #ffe8f4;}
.pc-product08{ background-color: #e5f4fe;}
.pc02 .arrow{    border-right-color:  #ebebeb;}
.pc03 .arrow{    border-right-color:  #e7fbf7; }
.pc04 .arrow{    border-right-color:  #ffeff9; }
.pc05 .arrow{    border-right-color:  #fef1ee; }
.pc06 .arrow{    border-right-color:  #f7e9ea; }
.pc07 .arrow{    border-right-color:  #ffe8f4; }
.pc08 .arrow{    border-right-color:  #e5f4fe; }
.pc-product02 .p-logo {  margin-bottom: 10px;}


.down-content-r{ border: 1px solid #c4c4c4; margin-top: 16px; padding-bottom: 40px;}
.down-tit-ul{ background-color: #f4f4f4; margin-bottom: 45px;  border-bottom: 1px solid #c4c4c4;}
.down-tit-ul li{float: left;border-right: 1px solid #c4c4c4;height: 60px;text-align: center;line-height: 60px;width: 90.5px;padding: 0 17px;font-size: 18px;color: #000;cursor: pointer;border-bottom: 1px solid #c4c4c4;}
.down-tit-ul li.on{  background-color: #fff; border-bottom: 1px solid #fff; color: #f1881a;}
.down-tit-ul li.border-fff{border-right: 1px solid #fff; width: 92px;}
.down-tit-ul li.bor-bot{border-bottom: 1px solid #fff;}
ul.download-list{ width: 808px; margin: 0 auto;}
ul.download-list li{ width: 776px; height: 161px; border: 1px solid #c4c4c4; padding: 20px 0  0 32px; position: relative; margin-bottom: 32px; background-color: #f4f4f4;}
.downGame-img{ width: 143px; height: 143px; display: inline-block; float: left;}
.d-text {
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}
ul.download-list .d-text p{ line-height: 25px;color: #595757; font-size: 13px;}
ul li .d-text p.tit-p,.after-li .b-p{ font-size: 14px; font-weight: bold;}
ul li .d-text p.tit-p{ font-size: 16px;}
.b-p{font-weight: bold;}
.btn-download{ position: absolute; right: 27px;
    top: 55px;}


/*页游产品样式*/
.agreement:hover{ color: #0066cc; font-weight: bold;}