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

body{ margin:0; padding: 0;}
h1,h2,h3,h4,h5,h6,ul,li,p { margin:0; padding: 0;}
li { list-style: none;}

.activity_main { width:980px; background:#fff url('/images/hc4-default/activity_main_bodybg.png') repeat-y; margin:0 auto; box-shadow: 0px 5px 5px #c8c8c8; overflow:hidden;}
.left_activity { width:820px; float: left;}

.right_meun { float: left; width: 160px; min-height:620px;}
.right_meun .r_tit-bg { background:url("/images/hc4-default/activity_siderbar_titbg.png") no-repeat -20px 0; height:150px; overflow:hidden;}
.right_meun .r_tit{ height:26px; line-height:30px; color:#2c263d; margin:115px 0 0 20px; padding:0 0 0 30px; font-weight: normal; font-size:18px; background:url("/images/hc4-default/activity_siderbar_icon.png") no-repeat;}
.right_meun ul{ margin: 0; padding: 20px 0 0 0;}
.right_meun ul li{ font-size: 16px; cursor: pointer; background:url("/images/hc4-default/activity_siderbar_li-xian.png") no-repeat center bottom; color: #f1e8ee;}
.right_meun ul li a { display: block; padding:15px 10px 10px 20px; color: #f1e8ee;}
.right_meun ul .current { font-weight: bold; color: #fff;}
.right_meun ul .current a { color: #fff;}

.activity_content { background: #fff; border-radius: 6px; padding-bottom: 30px;margin: -10px -20px 0;}
.activity_banner { width:100%; min-height:150px; border-radius: 6px 6px 0 0; overflow:hidden;}
.activity_banner img { max-width:100%; height:auto;}
.activity_title { height:60px; line-height:60px; position:relative;padding: 0 10px;}
.activity_title h2 { color:#685ba2; font-size:20px; font-weight:bold; line-height:60px!important; height:60px!important;}
.activity_title .check_btn { width:140px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; display:block; position:absolute; top:12px; right:10px; border-radius: 20px; background: -webkit-linear-gradient(top, #ffcc66, #fe7f6d); background: -moz-linear-gradient(top, #ffcc66, #fe7f6d); background: -ms-linear-gradient(top, #ffcc66, #fe7f6d);}
.activity_title .check_btn_disabled{background:#999;cursor:default;}
.activity_title .check_btn:hover { background:#d30000; }
.activity_title .check_btn_disabled:hover{background:#999;}
.activity_title .check_btn2 { background:#8a8a8a; width:140px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; display:block; position:absolute; top:8px; right:10px; box-shadow: 2px 2px 2px #a4a2a3; cursor:default;}
.countdown { font-size:14px; position:absolute; top:0px; right:320px; color:#9e608b;}
.countdown span { font-weight:bold; font-size:18px; margin:0 3px;}
.check_btn_signIn { background:#ff632c; width:140px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; display:block; position:absolute; top:8px; right:160px; box-shadow: 2px 2px 2px #a4a2a3;}
.check_btn_signIn:hover { background:#ef3f00; color:#fff;}

.activity_nr { padding:0 25px 10px 0;}
.activity_nr h4.x-title {width: 150px; height: 60px; line-height: 52px; text-align: center; font-size:17px; letter-spacing: 1px; font-weight:bold; color:#fff; margin:25px 0 15px -7px; position: relative; background:url('/images/hc4-default/activity/activity_title.png') left top no-repeat;}
.activity_nr h4.x-title:before{content: ""; display: block; clear: both;}
.activity_nr .x-text { font-size:14px; color:#555555; line-height:24px; padding-left: 20px;}
.x-table1 { border-collapse:collapse; width:100%;}
.x-table1 th { padding:10px 0; font-size:16px; font-weight:bold; text-align:center; border:1px solid #555;}
.x-table1 td { padding:8px 0; text-align:center; border:1px solid #555;}