@charset "UTF-8"; .content{background:#FFF;} .list{padding:30px 0 78px;background:url(../images/CKUbg.jpg) bottom right no-repeat;} .form{width: 380px;margin:0 auto;} .item{height: 30px;width: 363px;padding:8px 0;position: relative;margin:20px 8px 0;} .item span{font:14px/30px "微软雅黑";color:#049D5E;display: inline-block;width:88px;padding-left:16px;} .item .code{border-right: 1px solid #81CEAE;margin-right: 16px} .item input{display: inline-block;font:14px/30px "";height :30px;} .item .btn{position: absolute;top:3px;right: 3px;height: 40px;width: 105px;font:14px/40px "微软雅黑";color:#049D5E;text-align: center} .item .time{color:#FFF;} .w240{width: 240px} .w140{width: 140px} .state{position:absolute;top:0;left:380px;font:14px/46px "";padding:0;width:290px;} .state strong{height: 18px;width: 18px;display: inline-block;vertical-align: middle;margin-right: 8px} .state em{vertical-align: middle} .protocol{font:16px/55px "微软雅黑";margin:0 8px;} .protocol .radio{height:14px;width: 14px;display: inline-block;margin-right: 8px} .protocol a{vertical-align: middle;color:#049D5E;text-decoration:underline;} .protocol span{vertical-align: middle;margin-right: 10px} .submit a{display: inline-block;height: 66px;width: 380px;text-align: center;font:14px/66px "";color:#FFF;} .return{position: absolute;top:10px;right:10px;} .return a{display:block;height: 38px;width: 129px;} .logintop{position:relative;} .logintop{} .loginwarp{position: absolute;bottom:16px;right: 0;display:none} .loginwarp a{display:none;height: 26px;width: 26px;margin:0 7px;background-image:url(../images/btn.png);background-repeat: no-repeat;} .loginwarp .left{background-position: 0 0 } .loginwarp .right{background-position: -36px 0} .loginwarp .right:hover{background-position:0 -36px; } .loginwarp .left:hover{background-position: -36px -36px} .starmain{margin-top: 48px;} .staritem{position: relative;border-top:2px solid #0EA064;border-bottom:2px solid #0EA064;border-left:1px solid #0EA064;border-right: 1px solid #0EA064;padding:44px 0 0;margin-bottom: 30px;} .staritem ul { padding: 0 20px; margin-right: -24px; } .staritem li{height: 134px; width: 370px; float: left; list-style: none; overflow: hidden; margin: 0 24px 24px 0;} .startitle{height: 51px;width: 400px;position: absolute;top:-15px;left:50%;margin-left:-200px;} .ystit{background:url(../images/ystit.png) center center no-repeat;} .xjtit{background:url(../images/xjtit.png) center center no-repeat;} .qstit{background:url(../images/qstit.png) center center no-repeat;} .centerleft{float: left;width: 312px;height: 474px;margin-left: 8px;} .centerright{width: 847px;height: 474px;margin-right: 14px;margin-left: 337px;margin-bottom:38px;} .centerright ul{margin-right: -13px;padding: 0} .centerright li{float: left;height: 107px;width: 200px;margin:0 13px 13px 0;position: relative;} .centerright a{position:relative;z-index:10;display: block} .centerright li a:after, .centerright li a:before { content: ""; display: block; height: 100px; position: absolute; top: 0; left: 0; z-index: 2; transition: 0.6s; -webkit-transition: 0.6s; -o-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; } .centerright li:hover .centermask { opacity: .8; filter: alpha(opacity=80); } .centerright li .centermask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); transition: 0.45s; -webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; -ms-transition: 0.45s; } .centerright li p { word-break: break-all; position: absolute; top: 0; left: 0; height: 80px; width: 184px; line-height: 20px; padding: 10px; color: #FFF; opacity: 0; filter: alpha(opacity=0); transform: scale(4); -webkit-transform: scale(4); -o-transform: scale(4); -moz-transform: scale(4); -ms-transform: scale(4); transition: 0.45s; -webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; -ms-transition: 0.45s; font-size: 12px } .centerright li:hover p { opacity: .8; filter: alpha(opacity=80); transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); } .return a,.popbtn a,.pop .remove,.submit a,.protocol .radio,.state strong,.item .btn,.item{background-image:url(../images/iconfont.png);background-repeat: no-repeat;} .item{background-position: 0 -47px;} .item .btn{background-position: -369px -481px} .item .time{background-position: -254px -481px} .state strong{background-position: -577px 0} .state .error{background-position: -549px 0} .protocol .radio{background-position:-549px -28px} .submit a{background-position: 0 -233px} .submit a:hover{background-position: 0 -157px} .return a{background-position: -416px -573px} .ad { width:100%; height:592px; position:relative; overflow:hidden; z-index:20; } .ad .slider{ width:7680px; position:absolute; left:0px; top:0px; height:592px; } .ad .slider img{ width:1920px; } .ad .slider li{ float:left; height:592px; } .ad .num { position:absolute; width:100%; bottom:10px; left:0px; text-align:center; font-size:0px; } .ad .num li { width:20px; height:20px; background-color:#888; border-radius:50%; display:inline-block; margin:0px 3px; cursor:pointer;} .ad .num li.on { background-color: #06B46C; } .ad .btn { width: 30px; height: 50px; background-color: #808080; opacity: 0.5; filter:alpha(opacity:0.5); position:absolute;top:50%; margin-top:-25px; cursor:pointer; text-align:center; line-height:50px; font-size:40px; color:#fff; font-family:"宋体"; display:none; } .ad .btn_l { left:0px; } .ad .btn_r { right:0px; } .ad:hover .btn { display:block; } .newlogin-menu .dc{background-color:#3FADDD;color:#FFF;border-color:#3FADDD} .newlogin-menu .mc{background-color:#e5c202;color:#FFF;border-color:#e5c202} .logintopform .login-botton{margin:3px 0!important} .qrcodeShow{border-radius:20px;} .qrcodeShow div{width:460px;height:400px;border-radius:30px;background:#fff;} .qrcodeShow p{margin-top:50px;font-size:20px;text-align:center;font-weight:400;} .qrcodeShow img{width:200px;height:200px;margin-left:130px;margin-top:70px;}