@charset "UTF-8";
/**
 * 
 * @authors yutent (yutent@live.com)
 * @date    2014-06-25
 *
 */

.cm-wp a {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;transition: all 0.8s ease;text-decoration:none;}
.cm-wp a:hover {}


@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

.cm-top-bg {width:100%;height:42px;background:url(../top_bg.jpg) repeat-x;line-height:41px;position:relative;z-index:990;}
.cm-wp {width:986px;margin:0 auto;position:relative;z-index:990;}
.cm-top {height:41px;font-size:13px;font-family:arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;}
.cm-top .pipe {height:25px;line-height:25px;float:left;color:#ddd;margin:8px 5px;text-align:center;}

.cm-logo {width:212px;height:39px;display:block;margin:1px 0;background:url(../logo.png) no-repeat;float:left;position:relative;z-index:999;}
.cm-logo:after {border-right:1px solid #ddd;width:0;height:25px;right:-5px;top:8px;content:" ";display:block;position:absolute;}
.cm-ads {width:230px;height:39px;margin:1px 10px;float:left;cursor:pointer;}
.cm-pic-big {width:986px;height:190px;z-index:990;position:absolute;left:0;top:0;display:none;}
.cm-pic-big img {width:986px;height:190px;display:block;}

.cm-ul {width:auto;height:41px;float:right;position:relative;z-index:999;list-style:none;color:#666;}
.cm-ul .cm-li {float:left;cursor:pointer;position:relative;z-index:999;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration:none;}
.cm-ul .cm-li-a {color:#666;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration:none;}
.cm-ul .cm-li-a:hover,.cm-ul .cm-li:hover {color:#0097ce;}
.cm-msg {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration:none;z-index:999;}
.cm-msg .msg-icon { position: relative; display:inline-block; vertical-align: middle; margin-top: -4px; width: 25px; height: 25px; line-height: 25px; background-image: url("../email-normal.png");}
.cm-msg .msg-icon:hover { background-image: url("../email-focus.png");}
.cm-msg .msg-icon .red-circle { position: absolute; left: 18px; top: 3px;  width: 8px; height: 8px; background-color: #ef7777; color: #fff; text-align: center; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}

.cm-li-gm {z-index:999;}
.cm-gm {width:auto;padding:0 5px;height:21px;margin:9px 0;line-height:21px;border:1px solid #ddd;border-radius:2px;z-index:999;}
.cm-gm .co {display:inline-block;}
.cm-li-gm:hover .cm-gm {background:#fff;}

.cm-game-box {width:600px;height:220px;*width:602px;*height:222px;padding:10px;background:#ededed;position:absolute;top:41px;right:0;border-radius:3px;display:none;z-index:999;}
.cm-yy-box {width:480px;height:220px;box-shadow:0 0 1px #bbb;float:left;background:#f6f6f6;*border:1px solid #d6d6d6;*border-right:none;}
.cm-sy-box {width:120px;height:220px;box-shadow:0 0 1px #bbb;float:left;background:#f6f6f6;*border:1px solid #d6d6d6;*border-left:none;}
.cm-game-title {width:100%;height:40px;line-height:39px;height:39px;text-align:center;border-bottom:1px solid #ddd;color:#0097ce;font-size:15px;}
.cm-game-list {width:100%;height:180px;line-height:29px;}
.cm-game-list .cm-game-name {width:99px;height:29px;float:left;position:relative;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:0 10px;color:#666;}
.cm-sy-box .cm-game-name {border-right:none;width:100px;}
.cm-game-list .cm-game-name:hover {color:#0097ce;background:#d2dfff;}
.cm-game-list .cm-game-name .hot,.cm-game-list .cm-game-name .new {font-size:15px;color:#f30;float:right;height:20px;line-height:20px;margin-top:5px;}
.cm-game-list .cm-game-name .new {color:#1a9d4a;font-size:14px;}

#change_password_box{ width: 14px; position: relative; }
#change_password_box .gantanhao{ width: 14px; height: 14px; background: url("../gantanhao.png") no-repeat; float: left; display: inline-block; }
#change_password{ width: 392px; height: 214px; background: url("../change_password.png") no-repeat; position: absolute; left: -234px; top: -6px; z-index: 99999; }
#change_password .close{ width: 46px; height: 42px; float: right; display: inline-block; margin-top: 48px;}
#change_password .change_password_btn{ width: 95px; height: 33px; float: left; display: inline-block; margin: 148px 0 0 182px; }

/*******vip******/
#login-after{ position: relative; }
#login-after b{ display: block; width: 16px; height: 16px; text-align: center; font-size: 12px; line-height: 16px; color: #1b4873; position: absolute; left: -18px; top: 12px; }
#login-after b.vip0{ background: url("../v0.png") no-repeat; color: #c7c7c7; }
#login-after b.vip1,#login-after b.vip2,#login-after b.vip3,#login-after b.vip4,#login-after b.vip5,#login-after b.vip6{ background: url("../v1.png") no-repeat; }
#login-after b.vip7,#login-after b.vip8,#login-after b.vip9{ background: url("../v2.png") no-repeat; color: #bd1802; }
#login-after b.vip10{ background: url("../v3.png") no-repeat; color: #671d74; text-indent: -999em; }