@charset "utf-8";
/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0; color:#555;}
article,aside,footer,header,hgroup,nav,section,canvas,video{display:block;}
body{font-size:100%; font-family:"苹方","微软雅黑",'宋体',"Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea{resize:none;}
iframe,img{border:0;}
ul,ol{list-style:none;}
input,select,textarea{outline:0;-webkit-user-modify:read-write-plaintext-only;}
input{-webkit-appearance:none;}
a{text-decoration:none; color: #555;}
#hm_t_85553{ display:none !important;}

.blur{-webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);}
/*loading*/
.loading{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:999; background:#FFF;}
.loading-logo{ position:absolute; background:url(../images/logo.png); width:124px; height:124px; top:45%; left:50%; margin-left:-62px;   margin-top: -62px; transition:all ease 2s; background-size:cover;}
.loading-num{  position: absolute; width: 100%; height: 30px; top: 45%; text-align: center; font-size: 30px; color: #555;  margin-top: 72px;}
@-webkit-keyframes roate {
	0%{ -webkit-transform:rotate(0deg)}
	100%{ -webkit-transform:rotate(360deg)}
}

@keyframes roate {
	0%{ -webkit-transform:rotate(0deg)}
	100%{ -webkit-transform:rotate(360deg)}
}

.roate {
    -webkit-animation-name: roate;
    animation-name: roate;
	-webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	-webkit-animation-duration:5s;
    animation-duration:5s;
	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
}

/**公共**/
.middle{ width:1000px; margin:auto;}
.link{ position:relative;}
.full{ position:absolute; width:100%; height:100%; top:0; left:0; padding:0}
.page-header{ width:100%; height:60px; background:#efefef;box-shadow: 0px -11px 60px rgba(230,230,230,0.1) inset;}
.page-body{ width:1000px; margin:auto; overflow:hidden;}
.search{ width:100%;}
.demolist{ width:100%;}
.collection{ width:100%;}
.result{ width:100%;}
.index{ width:100%;}
.inner{ width:100%; height:100%; position:relative;}

/**首页**/

/*page-header*/
.h5sharelogo img{ width: 161px; float:left; margin-top: 15px;}
.user{ float:right; height:60px;}
.user a{ font-size:14px; font-weight:300; text-align:center; padding:10px; color: #555; cursor:pointer}
.user a.full{ padding:0}
.user .block{ float:left;font-size:14px; font-weight:300;text-align:center;  height:100%; position:relative;  padding: 20px 5px 20px 5px; box-sizing:border-box;  line-height: 14px;line-height:20px; cursor:pointer;}
.user .block .icon,.user .block p{ float:left; margin-left:5px;}
.user .block .icon{ margin-top:5px;}
.collect{ width:13px; height:11px; background:url(../images/collect2.png) no-repeat; background-size:cover; opacity:0.7;}
.logout{ width:14px; height:11px; background:url(../images/logout2.png) no-repeat; background-size:cover;}
.user-name{  height:100%;   line-height:14px;}
.user-name span{ padding-left:5px; padding-right:5px;}
.menua{ width:80px;  display:block; text-align:center; line-height:60px; color:#555; float:left; font-size:14px; height: 60px; box-sizing:border-box}
.menua.a1{ margin-left:20px;}
.menua:hover{ border-bottom:3px solid #555;}

.user.isLogin li{ float:left; width: 60px; height:100%;position: relative; }
li.personal img{ width: 42px; height: 42px; border-radius:50%;margin-top: 10px;margin: 10px auto;display: block;}
.message div.icon{ width:21px; height: 18px; background:url(../images/headimg.png); margin: 18px auto;}
.message p.msgnum{ position:absolute; border-radius:15px; text-align:center; line-height:18px; color:#fff; padding:0 6px; background-color:#da3309; font-size:12px;top: 9px;right: 22px;}
.publish div.icon{ width:21px; height: 20px; background:url(../images/headimg.png); background-position-x: -30px; margin: 18px auto;}

.user.isLogin li:hover{ cursor:pointer; background:#e2e2e2}
.down{ width:150px; height:auto;top: 60px;display:none; cursor:pointer;position: absolute;background: #eaeaea;border-top: 1px solid #da3309;box-shadow: 0px 2px 2px #ddd;z-index: 99;}
.down a{ width:100%; height:50px; display:block; text-align:center; line-height:50px; font-size:14px; color:#555;padding: 0;border-bottom: 1px solid #ddd;}
.down a:hover{ background-color:#e2e2e2}
.publish .down{ left: -60px; }
.arrow_wrp { position: absolute; left: 82px; top:-8px;}

.personal .down{left: -60px;}
.personal:hover .down{ display:block}
.publish:hover .down{ display:block}
.arrow {display: inline-block; width: 0; height: 0; border-width: 8px; border-style: dashed; border-color: transparent; border-top-width: 0; border-bottom-color: #da3309; border-bottom-style: solid; position: absolute; top: 0}
.arrow.arrow_in { margin-top: 1px; border-bottom-color: #eaeaea;}



/*page-body*/
/*search*/
.index .page-body{margin-top:50px;}
.form{ width: 40%; height:45px; border-radius:5px; border:1px solid #555; margin:auto; background:#fff;}
.searchinput{ width:70%; margin-left:20px; height:98%; border:none; font-size:14px;  float: left;}
.searchbtn{ width:23%; border:none; padding:none; margin:none; height:100%; border-left:1px solid #a4a2a3; background:#fff; cursor:pointer; font-size:16px; line-height: 100%;  float: left; text-align:center; line-height:45px; border-left: 1px solid rgba(227, 63, 19, 0.5);}
.keyword{ margin:auto;   width: 40%; font-size:14px; color:#999; margin-top:15px; margin-bottom:40px;}
.keyword a{ padding-left:10px; padding-right:10px; color:#999; cursor:pointer}
.demoul a{ display:block; float:left; padding-left:10px; padding-right:10px; color:#555;}
.demoul a:last-child{color:#f1390a;}
.yy_button{ width:15%; float:left; display:none; height:100%;}  

/*demoarea*/

.demoarea{ margin-top:50px; overflow:hidden; width:100%;}
.line{ width:100%; height:5px; background:url(../images/line.png) center repeat; opacity:0.8;}
/*demolist*/
.demolist{   width: 100%; height: auto; overflow: hidden;}
.demolist p{ float:left;}
.menubutton{ display:none;}
.demo{ height:auto;  background:#efefef; border-bottom:2px solid #ddd; margin-top:35px; position:relative; border-radius: 5px; }
.demo:nth-child(odd){ width:48%; margin-left:2%;float:right;}
.demo:nth-child(even){ width:48%; margin-right:2%;float:left;}
.demo-title{ height:54px; padding-left:18px; line-height:54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: 14px; color: #555;}
.demo-image{ width:100%; text-align:center; height: 265px;overflow:hidden}
.demo-tool{ width:100%; height:50px;}
.demo-tag{ float:left; height:100%; padding-left:8px;}
.demo-tag a{ display:block; margin:0 0px 0 10px; height:100%; float:left; font-size:12px; color:#888; line-height:50px;}
.demo-collect{ width: auto; margin-right:20px; float:right; height:50px; cursor:pointer;  }
.demo-collect div{ float:left; margin-left:10px; margin-top: 16px;  line-height: 18px; font-size:12px;color:#888;}
.demo-ti{ position:relative; width:auto; height:auto; overflow:hidden; cursor:pointer;}
.heart{ width:20px; height:17px;  margin-top: 3px; transition:all ease 0.5s;}
.heart0{ background:url(../images/heart1.png); background-size:cover;}
.heart1{ background:url(../images/heart2.png); background-size:cover;}
.loading-more{ width: 240px; margin:auto; margin-top:40px; height:70px; display:none;}
.alert{ margin-top:30px; margin-left:15px;   line-height: 30px; clear: both;}
.notLogin{    line-height: 60px;}
.demo img{ transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.demo:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);}
.cysc.c0{ display:none;}
.cysc.c1{ display:block;}
.csc.c1{ display:none;}
.csc.c0{ display:block;}
.hit{ width: 31px; height: 40px; background: url(../images/hit.png); background-size: 100% 100%; float:left; margin-right: 10px;    margin-left: -10px;}
.hit{display:none}
.hit.h1{ display:block}
.hit.h0{ display:none}
.classify{ display:none}
.classify.c2{ display: inline; font-weight: 600; padding-right: 5px;line-height: 50px;}
.offline{ position:absolute; top:16px; right:32px; width:87px; height:86px; background:url(../images/offline.png);  background-size:cover; display:none }
.online1 .offline{ display:none;}
.online0 .offline{ display:block}


/**我的收藏页**/
.tagarea{ width:100%;}
.tag{ float:left; font-size:14px; margin:0 5px 0 5px; font-weight:100; color:#555;}
.mycollection{ width:100%; overflow:hidden; margin-top:60px;}
h1{ font-size:16px; font-weight:600; margin-bottom:30px;}
.collection .demoarea{ margin-top:10px;}
.collection .demo-tool{ position:relative;}
.demo-menu{ position:absolute; width:100px;   right: 26px; bottom: -70px; background-color:#FFF; border:1px solid #ddd; display:none; }
.demo-menu li{ height:35px; line-height:35px; border-bottom:1px solid #eee; cursor:pointer;}
.demo-menu li:hover{ background:#eee;}
.demo-setting{ width:19px; height:19px; background:url(../images/setting.png); background-size:cover; float: right; margin: 14px 25px;cursor:pointer;}
.demo-menu li{ text-align:center;}
.collection .block.user-collect.link{ display:none;}
/**搜索结果页**/
.result .page-body { margin-top: 50px;}
.searchtitle{ width:100%; height:40px; background:#efefef; margin-top:20px; line-height:40px; text-indent:20px; font-size:14px; fooverflow:hidden;}
.red{ color:#f1390a;}
.result .demoarea{ margin-top:45px;}


.result .homemenu{ display:none;}
.h5share{ display:none;}
.hidden-lg{ display:none;}
.content{ display:block;}
.page{ display:none;}



/*公司列表页*/
.menua.active{ border-bottom: 3px solid #e33c11; background:#eaeaea;}
.com{ width:100%; min-height:405px; padding-top:35px; border-bottom:1px solid #ddd; }
.com1{ width:100%; }
.com2{ width:100%; margin:30px 0 35px 0; overflow:hidden; }
.com-logo{ width:220px; height:220px; float:left; border:1px solid #efefef; box-sizing:border-box; cursor:pointer}
.company .com-logo{cursor: default;}
.com-info{ float:left; margin-left:40px; width:740px;}
.com-info h1{ font-size:14px; font-weight: 600; margin-bottom: 30px;}
.com-info div{ font-size:12px; color:#888; margin-top:15px; }
.com-profile{ margin-bottom:10px; line-height: 24px; min-height:48px; width:100%; overflow: hidden;}
.com-profile span{ color:#e44219; cursor:pointer}
.com-demo{ width:19%; margin-right:1.25%; float:left; cursor:pointer; position:relative}
.com-demo:last-child{ margin-right:0;} 
.companies .search{ margin-top: 50px;}
.com-demo img{transition:0.5s all ease; }
.com-demo:hover img{  border-radius: 15px;}
.com-web a{ color:#E44219}
.com-web a:hover{ text-decoration: underline;}
.com-profile span:hover{ text-decoration: underline;}
.companies .com-info{ cursor:pointer;}
.companies .com-info h1:hover{  cursor:pointer;   text-decoration: underline;}
/*公司信息页*/
.company .search{ margin-top: 50px;}
.company .com{ border-bottom:none; min-height:250px;}
.line3{ overflow:hidden; width:100%; height:1px; background:#dddddd; margin-top:3px;}
.lines{ float:left; width:90%; margin-top: 6px;}
.com-title{ width:100%;overflow: hidden;}
.com-t{ float:left; width:70px;}
.company .coms{ min-height:250px;}
/*** 弹出层 ***/
.popbg{ position:absolute; height:100%; width:100%; background:#000; opacity:0.8; z-index:100; top:0; left:0; display:none;}
.pop{ z-index:101;  display:none;}
.close{ width:39px; height:39px; background:url(../images/close.png); position:absolute; top:-35px; right:-35px; cursor:pointer}

.popcollect{ width:340px; position:absolute; top:50%; left:50%; margin-left:-170px; box-sizing:border-box; padding:20px; background:#fff;}
.pop-title{ font-size:16px;width:100%; text-align:left; margin-top:10px;}
.pop-tag{ width:100%; text-align:left; font-size:14px; color:#bfbfbf;margin-top:15px;}
.tag-area{ width:100%; height:auto; border-bottom:1px solid #989898; overflow:hidden; zoom:1; padding:10px 0 10px 0; margin-top:15px;}
.poptag{ height:25px; background:#efefef; margin:0 5px 0 5px; float:left; width:auto; padding:0 5px 0 5px;}
.tag-close{ padding-left:10px;}
.popcollect .form{ width:100%; height:36px; margin:25px 0 25px 0;}
.taginput{ float:left; height:100%; border:0;  margin-top:2px; height:90%; width:70%; padding-left:10px;}
.tagbtn{ float:left; height:100%;width:25%; line-height:36px; text-align:center; border-left:1px solid #a4a2a3;}
.tag-area2{ width:98%; padding-left:2%; font-size:14px;}
.tag-area2 span{ margin-right:15px;}
.surebutton{ width:215px; height:40px; margin:auto; color:#fff; font-size:16px; text-align:center; line-height:40px; border-radius:5px; background:#f1390a; margin-top: 30px;}
.imginfo{ width:57px; height:57px;  margin: 10px auto;}
.imginfo.right{background:url(../images/right.png);}
.imginfo.wrong{background:url(../images/wrong.png);}
.popalert .submitinfo1{font-size: 22px; padding-top: 5px;}
.popalert .submitinfo2{font-size: 14px; color: #888; padding-top: 30px;}
.alertbutton{ width:185px; height:40px; text-align:center; color:#888; line-height:40px; font-size:14px; margin:10px auto; margin-top:30px; border:1px solid #888; border-radius:5px; cursor:pointer}

.popalert{ width:270px; height:290px; background:#FFF; position:absolute; top:50%; left:50%; margin-top:-135px; margin-left:-135px;  box-sizing:border-box; padding:20px;}
.popalert p{ width:100%; text-align:center; font-size:16px; padding-top: 40px;}
.wechat-login{ display:block; width:64px; height:64px; background:url(../images/wechat.png); background-size:cover;  margin: 55px auto; cursor:pointer}
#submitalert .close{ top:-45px;}
.alertp{width: 100%; height: 100px; text-align: center; line-height: 150px; font-size: 20px;}
.searchnum{ padding: 0 5px 0 5px;  color: #f1390a;}


/*网站导航*/
.material{}
.guidearea{ width:100%; height:auto; overflow:hidden; margin-top:45px; margin-bottom:45px;}
.guidetitle{ width:100%; height:60px;}
.titleimg{ width:48px; height:47px; float:left; margin-right:20px;}
.area1 .titleimg{ background:url(../images/tools.png); background-size:cover;}
.material .guidetitle span{ line-height:46px; line-height:46px; padding-right:5px;}
.material span.s1{ font-size:24px; color:#000;}
.material span.s2{font-size:14px; color:#888;}

.material .lblock {     width: 25%; height:190px; float:left; border-bottom:1px solid #ddd; position:relative; display:block; cursor:pointer;  transition:0.2s all ease;    box-sizing: border-box;}
.blogo{ margin:auto; width:128px; height:35px; background-size:cover; margin-top:50px;}
.area1 .blogo.b1{ width:153px; height:45px; background:url(../images/logo/epub.png); background-size:cover; margin-top:30px; }
.area1 .blogo.b2{ width:119px; height:56px; background:url(../images/logo/me.png); background-size:cover; margin-top:25px; }
.area1 .blogo.b3{ width:100px; height:50px; background:url(../images/logo/rabbit.png); background-size:cover; margin-top:25px; }
.area1 .blogo.b4{ width:113px; height:23px; background:url(../images/logo/maka.png); background-size:cover; margin-top:45px; }
.area1 .blogo.b5{ width:142px; height:35px; background:url(../images/logo/yunlai.png); background-size:cover; margin-top:45px; }
.area1 .blogo.b6{ width:137px; height:33px; background:url(../images/logo/maipian.png); background-size:cover; margin-top:45px; }
.area1 .blogo.b7{ width:170px; height:38px; background:url(../images/logo/ih5.png); background-size:cover; margin-top:45px; }
.area1 .blogo.b8{ width:197px; height:36px; background:url(../images/logo/chuye.png); background-size:cover; margin-top:45px; }
.area1 .blogo.b9{ width:177px; height:49px; background:url(../images/logo/eqixiu.png); background-size:cover; margin-top:45px; }
.area1 .blogo.b10{ width: 195px; height:67px; background:url(../images/logo/mgd.jpg); background-size:cover; margin-top: 23px;}  
.area1 .blogo.b11{ width: 192.5px; height:67px; background:url(../images/logo/duduh5.gif); background-size:cover; margin-top: 30px;}  
.area1 .blogo.b12{ width: 100px; height: 67px; background: url(../images/logo/kaixintui.jpg); background-size: cover; margin-top: 30px;}
.area1 .blogo.b13{ width: 100px; height: 67px; background: url(../images/logo/qgs1.jpg); background-size: cover; margin-top: 30px;}
.area1 .blogo.b14{ width: 100px; height: 67px; background: url(../images/logo/pingmian.jpg); background-size: cover; margin-top: 30px;}
.area1 .blogo.b15{ width: 100px; height: 67px; background: url(../images/logo/xiutang.png); background-size: cover; margin-top: 30px;}


.area2 .titleimg{ background:url(../images/href.png); background-size:cover;}
.area2 .blogo.b1{ width:121px; height:20px; background:url(../images/logo/zoool.png); background-size:cover; margin-top:45px; }
.area2 .blogo.b2{ width:154px; height:53px; background:url(../images/logo/sme.png); background-size:cover; margin-top:25px; }
.area2 .blogo.b3{ width:110px; height:49px; background:url(../images/logo/youshe.png); background-size:cover; margin-top:30px; }
.area2 .blogo.b4{ width:83px; height:88px; background:url(../images/logo/uichina.jpg); background-size:cover; margin-top:8px; }
.area2 .blogo.b5{ width:128px; height:35px; background:url(../images/logo/uehtml.png); background-size:cover; margin-top:50px; }
.area2 .blogo.b6{ width:120px; height:44px; background:url(../images/logo/yoyo.png); background-size:cover; margin-top:40px; }
.area2 .blogo.b7{ background-image:url(../images/logo/behance.png); }
.area2 .blogo.b8{ background-image:url(../images/logo/dribbble.png); }
.area2 .blogo.b9{ background-image:url(../images/logo/awwwards.png); }
.area2 .blogo.b10{ background-image:url(../images/logo/unsplash.png); }
.area2 .blogo.b11{ background-image:url(../images/logo/thefwa.png); }
.material .lname{ width:100%; text-align:center; font-size:14px; color:#555; font-weight:bold; position:absolute; top:105px}
.material .description{ position:absolute; font-size:12px; color:#888; text-align:center; top:135px; width:100%}
.material .area1 .lblock:hover{border-bottom:2px solid #F9DB00; -webkit-background-size: 100% 30px; border-bottom-left-radius:500px 20px; border-bottom-right-radius:500px 20px; border-top-right-radius: 5px 100px;}
.material .area2 .lblock:hover{border-bottom:2px solid #06B5A2; -webkit-background-size: 100% 30px; border-bottom-left-radius:500px 20px; border-bottom-right-radius:500px 20px; border-top-right-radius: 5px 100px;}
.radmenu{ display:none;}
.corner{ 
  background: -webkit-linear-gradient(-45deg, #A5A1A1 24%, #E3E2E2 40%,#DDDDDD 43%,#C8C8C8 46%,#B6B6B6 50%,#fff 50%,#fff); 
  background: -moz-linear-gradient(135deg, #A5A1A1 24%, #E3E2E2 40%,#DDDDDD 43%,#C8C8C8 46%,#B6B6B6 50%,#fff 50%,#fff); 
  background: -o-linear-gradient(135deg, #A5A1A1 24%, #E3E2E2 40%,#DDDDDD 43%,#C8C8C8 46%,#B6B6B6 50%,#fff 50%,#fff); 

  background: -ms-linear-gradient(135deg, #A5A1A1 24%, #E3E2E2 40%,#DDDDDD 43%,#C8C8C8 46%,#B6B6B6 50%,#fff 50%,#fff); 
  background: linear-gradient(135deg, #A5A1A1 24%, #E3E2E2 40%,#DDDDDD 43%,#C8C8C8 46%,#B6B6B6 50%,#fff 50%,#fff);  width: 90px; height: 90px; border-radius: 40px 0px 0px 0px / 30px 0px 0px 0px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; right: -5px; top: -4px; box-shadow: 5px 2px 8px black; overflow: hidden; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; display:block;  width:0px; height:0px; cursor:pointer; z-index:10 }
.demo{ overflow:hidden}
.corner p{ -webkit-transform: rotate(90deg); width: 50px; height: 50px; margin: 33px; font-size: 18px;  text-align: center;background: url(../images/look.gif); background-size: cover;}

.corner{ width:0px; height:0px; display:none}

/*创意小站*/
.yeka{ margin:45px 0 20px 0; overflow: hidden;}
.ye{ float:left; margin:0 80px 0 0; cursor:pointer }
.ye div{ width:48px; height:47px; float:left; transition:all ease 0.5s;}
.ye p{ -webkit-transition:all ease 0.5s; transition:all ease 0.5s; float:left; font-size:22px; color:#666; line-height: 47px; margin-left:20px;}
.ye.ye1 div{ background:url(../images/fore.png); background-size:cover}
.ye.ye2 div{ background:url(../images/game.png); background-size:cover}
.ye.selected p{ color:#000;}
.ye.ye1.selected div{ background:url(../images/forselected.png); background-size:cover}
.ye.ye2.selected div{ background:url(../images/gameselected.png); background-size:cover}
.ycase{ width:23.5%; margin-right:2%; float:left; position:relative; display:block; margin-top:15px; border-radius:3px; overflow:hidden;  cursor:pointer}
.yearea{ -webkit-transition:all ease 0.5s; transition:all ease 0.5s;overflow:hidden;width: 50%; float: left;}
.yearea.foreign{ display:block}
.yearea.foreign .ycase:nth-child(4n+5){ margin-right:0}
.yearea.game .ycase:nth-child(4n+4){ margin-right:0}
.ycase .cover{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); color: #fff; opacity: 0; -webkit-transition:all ease 0.8s; transition:all ease 0.8s;}
.ycase .phoneimg{ width:37px; height:37px; float:right; background:url(../images/phoneimg.png); margin:5px;  display:none}
.ycase .pcimg{ width:37px; height:37px; float:right; background:url(../images/pcimg.png); margin:5px; display:none}
.phone .phoneimg{ display:block}
.pc .pcimg{ display:block}
.ycase h2{ font-size:14px; font-weight:400; padding:20px 5px 0 20px; }
.ycase:hover .cover{ opacity:1;}
.ycase img{ display:block;}
.ywrapper{ width:200%; position:relative; margin:20px 0 20px 0; overflow:hidden}
.yearea.game{ -webkit-transform: translateX(10%); transform: translateX(10%); }
.yearea.game.selected{  -webkit-transform: translateX(-100%); transform: translateX(-100%);}
.yearea.foreign.selected{  -webkit-transform:none; transform:none; }
.yearea.foreign{   -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.game .cover img{ margin: auto;  height:100%}
.game .cover{ text-align: center;  padding: 10px;  box-sizing: border-box;}
.shengming{font-size: 12px; color: #666; text-align: center; margin-top:10px; display:none}
.shengming.pc{ display:block;    margin-top: 20px;}
.foreign .ycase .cover img{ position: absolute; opacity:0; height: 90%; top: 50%; margin-top: -25%; left:-200px; transition:all ease 0.8s;}
.foreign .ycase .phoneimg:hover+img{ opacity:1;left: 10px;}

/*copyright*/
.copyrightarea{ line-height:1.6em;}
.copyrightarea a:hover{ text-decoration:underline;}
.cline{height:1px; width:100%; background:#eee; overflow:hidden; margin:15px 0 15px 0;}
.linep{width:100%; text-align:center; font-size:12px; margin-top:2px; color:#888;}
.linep.pp1{margin-top:0;}
/*.linep.pp3{margin-bottom:50px;}*/
.mobilemenu{ display:none; }

/*文章*/
.articles .page-body{    margin-top: 50px;}
.articles .demolist{ margin-top:60px}
.articles .articlearea{ width:100%; height:auto}
.article{ width:100%; height:auto; overflow:hidden; margin:45px 0 0 0; border-bottom:1px solid #e7e6e6; position:relative}
.article .img{ width:375px; height:auto; float:left; margin-right:20px;}
.article .ainfo{ width:580px; height:auto; float:left; margin-left:20px;}
.ainfo a{ font-size: 14px; color:#555; display: block;}
.deinfo{ font-size:12px; color:#999; margin:15px 0 15px 0}
.deinfo span{ padding:0 15px 0 15px}
.deinfo span:first-child{ padding-left:0; border-right:1px solid #e7e6e6;}
.jianjie{ width:100%; height:140px; font-size:12px; color:#888; line-height: 25px;}
.article .demo-collect .cword{ font-size:12px; color:#999}
.articles .alertp{ line-height: 100px; }

.smartyy{ position:absolute; width:100%; top:50%; left:0; }
.smartyy p{ position: absolute; width: 100%; text-align: center; color: #fff; font-size: 14px; top: 50%; margin-top: -150px;}
.yy_pressbutton{ border-radius: 50%; overflow: hidden; width:177.5px; height:177.5px; background:url(../images/yy_unpress.png); background-size:100% 100%; position:absolute; top:50%; left:50%; margin-left:-88.7px; margin-top: -100px;}
.yy_pressbutton.pressed{ background:url(../images/yy_pressed.png); background-size:100% 100%; animation:anipressed 1s ease-in 0s infinite alternate; -webkit-animation:anipressed 1s ease-in 0s infinite alternate;}

/*********copyright*********/
.footer{ widht:100%; background:#efefef; height:auto; padding-bottom: 10px; clear:both;}
.copyrightarea{ width:670px; box-sizing: border-box; margin:auto; padding-top: 10px; }
.copyrightarea .linep { text-align:center; font-size:12px; line-height:30px; color:#555;}


.sidebox{ display:none; z-index:9999;}
html.menuopen {
    width:100%;
    overflow: hidden;
}
body.menuopen {
    width:100%;
    overflow: hidden;
}


/*我的消息*/
.messagepage .title{ line-height: 26px;margin-top: 40px;}
.msgicon{width:21px; height: 18px; background:url(../images/headimg.png);display: inline-block;}
dl{ font-size:12px;}
dl:hover{ cursor:pointer}
dl:nth-child(odd){background:#f4f4f4;}
dl:nth-child(even){background:#fff;}
dt{ height:50px; line-height:50px; padding: 0 25px 0 25px;box-sizing: border-box;}
dt.read0{ font-weight:bold}
dt.read1{ font-weight:500}
dt .time{ float:right;/* display: none; */}
dd{ box-sizing:border-box; padding:25px; display:none;}


.pages{clear:both; text-align:center; padding:50px 0;}
.pages span,.pages a{ width:40px; height:40px; line-height:38px; margin:0 3px; border-radius:4px; text-align:center; border:1px solid #E9E9E9; display:inline-block;}
.pages .current,.pages a:hover{ color:#fff; background-color:#f1390a; border-color:#f1390a}



/************* 适配 **************/
/*** pad 横屏 ***/
@media (max-width: 1070px){
.corner{ display:block}  
.middle{ width:92%; padding:0 4% 0 4%;}
.page-body{ width:92%; padding:0 4% 0 4%;}
.demo-menu li:hover{ background:#fff;}
.demo-menu li{ height:50px; line-height:50px;}
.demo-menu{ bottom:-95px;}
.user .block .icon{ margin-top:4px;}
.companies .search { margin-top:30px;}
.com-info { width:680px;}
.company .com {  min-height: 200px;}
.company .com2{ display:none}
.radmenu{ display:none;}
.demo:hover img{ transform:none; -webkit-transform:none;}
.game .ycase:hover .cover{ opacity:0;}
.foreign .ycase .phoneimg:hover+img{ opacity:0;left:-200px;}

.article .img{width: 335px;}
.article .ainfo{ width:560px}
.demo:nth-child(odd) .corner{transition-delay:0.2s;}
.demo-image{ height:auto} 
.page-header{  position: fixed; top:0; left:0;    z-index: 99;}  
.page-body{ padding-top: 60px;}  
.totop{ display:none}
.searchinput{ width:69%}  
.wechat .searchinput{ width:54%}  
.wechat .yy_button{ display:block; }    
.yy_button div{ width:19px; height:25px; margin:auto; margin-top:10px; background:url(../images/yy_button.png); background-size:100% 100%;}  

.copyrightarea { width: 100%; padding: 30px 10px 0 10px;} 

.demo.online0 .corner{ width:0 !important; height:0 !important;}   
}

/*** pad 竖屏 ***/
@media (max-width: 932px){
.form { width: 65%;}
.keyword{ width: 65%;}
.demo-image{     line-height: normal; height: auto;}
.com-info { width: 440px;}
.material .lblock{ width: 33%; }
.radmenu{ display:none;}


.demoul a { padding-left: 10px; padding-right: 5px;}  

.article .img{ width: 280px; margin-right:0px;}
.article .ainfo { width:400px;}
.demo img{height: 184px;}
}

/*** 手机端 ***/
@media (max-width: 767px){
.result .yy_button div{ margin-top:5px;}
.page-body{ padding-top:0px;}    
.demo:nth-child(odd) .corner{transition-delay: 0s;}  
.hidden-lg{ display:block;}
.hidden-xs{ display:none;}
.h5share{ display:block; width: 50%; height: 50px; left: 35%; position: absolute; top: 24%; text-align:center; font-size:24px; line-height:50px; margin-top:20px;}
.gone-xs{ display:none;}
.result .searchbtn{line-height: 36px;}
/*首页*/
.page-header { width:92%; padding:15% 4% 0 4%; height: 55px; background:none; overflow:hidden; position:relative;box-shadow: none;}
.index .page-body{margin-top:20px;}
.h5sharelogo img{ float:none; margin: 18px auto; display: block;}  
.menua{ display:none !important}
.user{ display:none !important}  
.user a.full{ padding:0}  
.form{ width:100%;}
.searchinput{ width:68%;}
.wechat .searchinput{ width:53%;}
.yy_button{ width:15%;}  
.keyword{ width:100%;  margin-bottom: 25px;}
.demoarea { margin-top: 25px; margin-bottom:50px;}
.demo:nth-child(even){ width:100%; margin-left:0; margin-right:0}
.demo:nth-child(odd){ width:100%; margin-left:0; margin-right:0}
.demolist{ position:relative; overflow: visible;}
.menubutton{ border:1px solid #fff; display:block; width:44px; height:40px; float:left;  border-top-left-radius:5px; border-top-right-radius:5px;}
.menubutton div{ width:32px; height:20px; background:url(../images/menu.png) no-repeat; background-size:cover; margin:11px 0 0 5px; transition: all ease 1s;}
/*.demoulwrapper{ width:100%; height:auto; position:absolute; top:40px; overflow:hidden;}*/
.demoul{   background: #FFF; overflow: hidden;  width: 100%; margin: 0; box-sizing: border-box; /*background-color: rgba(241, 159, 137, 0.1); */   background: #fffbfc;}
.demoul a{ height: 48px; line-height: 48px; width:50%; border-bottom: 1px solid #ddd; padding: 0; color: #555; text-align: center;}
.demoul a:last-child{ border-bottom:none;}
.demolist p{ font-size:24px; margin:2px 0 0 10px; height: 40px; line-height:40px;}
.menubutton.selected{/*border:1px solid #000; */     height: 50px;  /*background-color: rgba(241, 159, 137, 0.2); */   background: #fffbfc;}
.menubutton.selected div{ margin-top:15px;}
.searchinput{ height:96%}
.demo-image{     line-height: normal; height: auto;}
/**我的收藏页**/
.mycollection{ margin-top:20px; margin-bottom:0}
/*.mycollection h1{ margin-bottom:0}*/
.tagwrapper{ position:relative; width:100%; height:auto; padding-bottom: 40px;}
.tagarea{ overflow:hidden; background:#efefef; height:106px;}
h1{ font-size:24px; font-weight:100; margin-bottom: 15px;}
.tag{ float:left; font-size:24px; margin:0; background:#efefef; padding:10px 25px 10px 25px; font-weight:100; color:#555;}
.down{ width:44px; height:28px; background:#dddddd; padding-top:12px; position:absolute; right:0; bottom:0; display:block;}
.down div{ width:14px; height:13.5px; background:url(../images/down.png); background-size:cover; margin:auto;  }
.demo:first-child{ margin-top:0}

.result .demolist{ display:none}
.result .search{ /* position:fixed; */ /* top:0; */ /* left:0; */ /* height:55px; */ /* width:94%; */ /* padding:0 3% 0 3%; */ /* background:#fffbfc; */ /* border-bottom:1px solid #6c6a6b; */  /* z-index: 99; */display: none;}
.result .keyword{ display:none;}
.result .page-body{ margin-top:10px;}
.result .page-header{ /* margin-top:50px; */}
.result .demoarea { margin-top: 0;}
.result .homemenu{ float:left; height:100%; display:block; width:25%; line-height:55px; position:relative;}
.result .form{ float:left; width:73%; height:34px; margin-top:10px; border-radius: 3px;}
.result .home{ width:19px; height:19px; background:url(../images/home.png); background-size:cover; float:left; margin:17px 5px 0 10px;}
.result .homemenu p{ float:left; font-size:20px;}
.result .searchinput { width: 68%;  background: #fffbfc; height: 93%;}
.result .wechat .searchinput{ width:50%;}
.result .searchtitle{ background:none; margin-top: 10px; height:auto;}
.line.hidden-lg{ margin-top:5px;}


.totop{ display:none;}
.imgqr{display: block; margin: auto;}
.alertp{width: 100%; height: 100px; text-align: center; line-height: 150px; font-size:16px;}

.companies .page-body{ margin-top:40px;}
.menua{ display:none;}
.com-logo{ width:35%; height:auto;}
.com-info { width:60%; margin-left:5%;}
.com{ position:relative; padding-top: 65px; min-height:200px}
.com .com1 h1{ position:absolute; top:30px; left:0;}
.com-info div{ margin-top:0}
.com-profile{ margin-bottom:0}
.com-demo { width: 31.83%; margin-right: 1.5%; float: left; cursor: pointer;}
.com-demo:nth-child(4){ display:none}
.com-demo:nth-child(5){ display:none}
.lines { width:76%;}
.material .lblock{ width:50%; }
.guidetitle{ height:40px;}
.material .guidetitle span{ line-height:35px;}
.titleimg{ width:32.5px; height:32px;}
.material span.s1{ font-size:18px;}
.material span.s2{ font-size:12px;}
.material .line{ display:none}

.area1 .blogo.b1{ width:122px; height:36px; margin-top:30px; }
.area1 .blogo.b2{ width:95px; height:45px; margin-top:25px; }
.area1 .blogo.b3{ width:80px; height:40px; margin-top:25px; }
.area1 .blogo.b4{ width:90px; height:18px; margin-top:45px; }
.area1 .blogo.b5{ width:114px; height:28px; margin-top:45px; }
.area1 .blogo.b6{ width:110px; height:26px; margin-top:45px; }
.area1 .blogo.b7{ width:136px; height:30px; margin-top:45px; }
.area1 .blogo.b8{ width:158px; height:29px; margin-top:45px; }
.area1 .blogo.b9{ width:142px; height:39px; margin-top:45px; }
.area1 .blogo.b10 {width: 158px; height: 53px; margin-top: 21px;}
.area1 .blogo.b11{ width: 172.5px;}  
.area2 .blogo.b1{ width:97px; height:16px; margin-top:45px; }
.area2 .blogo.b2{ width:154px; height:53px; margin-top:25px; }
.area2 .blogo.b3{ width:88px; height:39px; margin-top:30px; }
.area2 .blogo.b4{ width:66px; height:70px; margin-top:8px; }
.area2 .blogo.b5{ width:102px; height:28px; margin-top:50px; }
.area2 .blogo.b6{ width:96px; height:35px; margin-top:40px; }
.material .lname { top: 95px;}
.material .description { top: 125px;}
.material .guidearea .block { height: 170px;} 
.titleimg { margin-right: 10px;} 
.copyrightarea{margin-bottom: 80px;}  
.guidearea{ margin-top: 10px;} 

.yeka{ margin-top: 10px;}

.ycase{ width:100%; margin:20px 0 0 0;}
.ye div { width: 32px; height: 32px;}
.ye p{ font-size:18px; line-height:32px; margin-left:10px;}  
.ye{ margin:0; width:50%}
.ye.ye2{    padding-left: 30px;  box-sizing: border-box;}
.shengming.phone{ display:block}   
.shengming.pc{ display:none}  

.articles .demolist { min-height: 25px; margin-top: 30px;}
.articles .articlearea{ margin-top:20px;}  
.article .img { width: 38%;}
.article .ainfo { width: 58%; margin-left: 4%;}
.article .deinfo{ width: 50%; float: left; margin-top:0;}
.article .deinfo span{ display:none}
.article .deinfo span:first-child{ display:block}
.article .jianjie{ display:none}
.article .demo-collect{ margin-top:-48px}
.ainfo a{ min-height: 41px; margin-bottom: 15px;}
.demo img { height: 192px;}
.footer{  padding-bottom:10px; border-bottom:1px solid #aaa;}


/*menu new start*/
.mobilemenu{ width:100%; height:50px; background:#ededed; display:block; position:fixed; top:0;z-index:9999999;}
.menubtn{ width:18%; float:left;  height:100%; position:relative}
.menusearch{ width:82%; float:left;  height:100%}
.menul{ width:31px; height:3px; background:#555; margin:auto}
.menul:nth-child(1){ margin-top:17px}
.menul:nth-child(2){ margin-top:6px;}
.menul:nth-child(3){ margin-top:6px;}
.msgnum{ /* width:18px; */ /* height:18px; */ text-align:center; line-height:18px; color:#fff; background:#da3309; font-size:12px; border-radius: 15px; position:absolute;top: 7px;right: 10px;padding: 0 6px;}
.menusearch .form{ width:90%;    height: 31px;margin-top: 10px;}
.menusearch .searchbtn{ width: 21%; line-height:31px; border-left: 1px solid #a4a2a3;}
.menusearch .searchinput{ width: 69%;}
.menusearch .yy_button div{ margin-top:4px;}
.menusearch .wechat .searchinput{ width: 54%;}

.sidebox{ display:block; width:100%; position:absolute; height:100%; top:0; left:0; display:none;background: rgba(0,0,0,0.5);}

.content{ transform:none;}
.menuopen .sidebox{ display:block}
.menuopen .content{ transform:translate(80%,0); -webkit-transform:translate(80%,0); overflow:hidden; -moz-transition: -moz-transform 0.2s ease 0.15s; -webkit-transition: -webkit-transform 0.2s ease; -webkit-transition-delay: 0.15s; transition: transform 0.2s ease 0.15s; -moz-transform: translate3d(200px,0,0); -webkit-transform: translate3d(200px,0,0);}
.menuclose .sidebox{ display:none}
.menuclose .content{ transform:translate(0,0); -webkit-transform:translate(0,0); }
.menuclose. mobilemenu{ display:none}
.menuuser.isLogin p{margin-top: 22px; text-indent: 20px;}

.leftbar{ width: 60%; background:#e5e5e5; }
.sidebox .menuuser{ width: 180px;margin: auto;    overflow: hidden;padding-top: 20px;}
.sidebox .linkarea{ width:100%;padding-top: 20px;}
.sidebox  .downbar{ height:50px; width:100%; background:#e5e5e5}
.menutx{ width:62px; height:62px; display:block; float:left;border-radius: 50%;}
.notloginshow{ margin-left: 80px; font-size: 16px; color:#a6a6a6}
 .notloginshow a{padding:0 5px;}

.linkarea a{ width:100%; position:relative; text-align: left; font-size: 16px;  display: block; color:#555;padding: 15px;box-sizing: border-box;text-indent: 20%;border-bottom: 1px solid #cccccc;}
.linkarea a .msgnum{ text-indent:0;top: 7px;      right: 85px;}
.downbar .closebtn{ width:20%; float:right; height:100%; }
.downbar .closebtn div{ width:25px; height:25px; background:url(../images/menuclose.png); background-size:100% 100%; margin: 13px auto;}
/*menu new end*/

.messagepage .title { margin-top: 10px;}
.msgtitle{ width:80%;float: left;overflow: hidden;height: 100%;text-overflow: ellipsis;white-space: nowrap;}
.time{ width:20%; overflow:hidden;height: 100%;text-overflow: ellipsis;      white-space: nowrap;}
}

/*** 手机端适配 iphone5&4 ***/
@media (max-width: 335px){
.result .searchinput {  width: 60%;}	
.searchinput{ width:62%;}
.tag { font-size: 24px;   padding: 10px 25px 10px 10px;}
.result .homemenu{  width:30%; }
.result .form{ width:69%; }
.result .home{ margin:17px 5px 0 10px;}
.result .homemenu p{ font-size:20px;}
.wechat .searchinput{ width:48%;}
.searchbtn{ width:28%; font-size:14px;}
.result .wechat .searchinput { width:45%; font-size: 12px;}
.keyword a{  padding-left: 5px; padding-right:5px;}
.demo-tag a{ font-size:14px;}
.area1 .blogo.b8 {width: 132px; height: 24px; margin-top: 49px;}  
.area1 .blogo.b12 { width: 77px; height: 55px;}  
.demo img{height: 164px;}
}


@media (max-height:460px){/* 兼容iphone4/4s */
.linkarea a{ font-size:14px; padding:10px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}


@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}



@-webkit-keyframes anipressed {
    0% {
       box-shadow: 0px 0px 0px rgb(60,142,123);
    }

    100% {
        box-shadow: 0px 0px 50px rgb(60,142,123);
    }
}

@keyframes anipressed {
    0% {
       box-shadow: 0px 0px 0px rgb(60,142,123);
    }

    100% {
        box-shadow: 0px 0px 50px rgb(60,142,123);
    }
}

.initalert{min-height:400px; line-height:2em;}

.nameshow{margin-top: 22px; text-indent: 20px;}

.newest div.icon{ background-image:url(../images/headimg2.png);}
.newest:hover div.icon{ background-image:url(../images/headimg.png);}
.newest{ background-color: #F47453; }

.totop .nrtxt img{ width:100%;}
.totop .nrtxt h4{padding:5px 0;}
.totop .nrtxt p{ text-align:left; line-height:1.6em;color:#888;}
.totop .nrtxt input{background-color:#F47453; color:#fff; border:0; padding:5px 15px; border-radius:5px; cursor:pointer; }


/*----------------new---------------------*/
.container{width: 100%;position: relative;background:#eee;padding-bottom: 50%;}
.topPart{width: 1920px;background:#ccc;}
.topPart img{width: 1920px;display: block;}
.adArea{width: 100%;background:#ddd;overflow: hidden;margin-bottom: 10px;}
.adArea img{display: block;position: relative;left: 50%;margin-left: -960px;}
.main{width: 1000px;position: relative;padding-top: 20px;padding-bottom: 20px;margin: 0 auto; font-size:14px;}
.mainLeft{width: 20%;position: relative;left: 0;float: left;display: inline-block; margin-top:40px;}
.mainRight{width: 75%; right: 0;}

.usersArea{position: relative;width: 100%; left: 0%;box-shadow: 0px 0px 6px #ddd;background: #fff; padding:15px 0;}
.userTab{margin-top: 9%;width: 100%; box-shadow: 0px 0px 6px #ddd;background: #fff;}






.userHead{width:120px; height:120px; border-radius: 50%; margin:0 auto; overflow: hidden}
.userHead img{ width:100%; height:100%;}
.userName{width: 100%;text-align: center; padding-top:15px;}

.userTab div{width: 100%;padding:5% 0;text-indent: 15%;line-height: 2;transition-duration:0.2s;cursor: pointer;}
.userTab div:hover{border-left: 5px solid #ff6239;}
.thisTab{border-left: 5px solid #ff6239;}

.infoTab{width: 100%;left: 2%;box-shadow: 0px 0px 6px #ddd;background: #fff;padding: 5% 0;text-indent: 15%;line-height: 2;transition-duration:0.2s;cursor: pointer;margin-top: 9%;}
.infoTab:hover{border-left: 5px solid #ff6239;}

.tabPart div{width: 10%;height: 95%;margin-left: 5%;display: inline-block;line-height: 60px;text-align: center;cursor: pointer;display: inline-block;text-overflow: ellipsis;overflow: hidden;}
.tabPart div:hover{border-bottom: 3px solid #CCC;}
.taball .allPart{border-bottom: 3px solid #FF6239 ;}
.tabfs .fsPart{border-bottom: 3px solid #FF6239 ;}
.tabunfs .unfsPart{border-bottom: 3px solid #FF6239 ;}

.submitDiv{text-align: center;padding: 0px 20px;border:1px solid #ccc;border-radius: 5px;height: 30px;line-height: 30px; cursor: pointer; float:right; margin:15px 15px 0 0;}
.submitDiv:hover{box-shadow: 0px 3px 5px #ccc;top: 14px;color: #fff;background-color: #ff6239;border:1px solid #ff6239;}
.submitDiv:active{box-shadow: 0px 2px 4px #ccc;top: 16px;}


@media screen and (max-width: 1072px) {
  .main{width:100%;}
	.mainLeft{display:none;}
  .mainRight{width:92%;}
}