body { margin: 0; padding: 0; background: #fff url(images/bgimg2.jpg) center 0 no-repeat; font-size: 12px; }
div, ul, ul li { margin: 0; padding: 0; }
li { list-style: none; }
img { border: 0; }
.fleft { float: left; }
.fright { float: right; }
.clr { clear: both; }
.fb { font-weight: bold; }
.f14 { font-size: 14px; }
.text {border: 1px solid #e2e2e2; padding: 4px 4px; font-family: "microsoft yahei",Tahoma,Arial; font-size: 14px; line-height:180%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  }
/* link css */
a, a:visited {color:#444; text-decoration: none; }
    a:hover {color:#444; text-decoration: none; }
    .cred, a.cred:visited, a.cred { color: #d54626; }
        a.cred:hover { color: #d54626; }
    .cwhite, a.cwhite:visited, a.cwhite { color: #fff; }
        a.cwhite:hover { color: #fff; }
.cgreen { color: #4f703f; }
a, input, button { outline: none; }
::-moz-focus-inner { border: 0px; }
/* 头部 */
.topbg { width: 100%; background-color: #f4f4f4; height: 30px; line-height: 30px; }
.top { width: 1100px; margin: 0 auto; }
.banner { width: 100%; height: 60px; margin: 0 auto; }
/* 内容 */
.container { background: url(images/bg_nr2.png) center 0 repeat-y; width: 1100px; padding: 5px; margin: 0 auto; color: #666; padding-bottom: 15px; }
/* 导航 */

.tit { width: 1100px; margin:400px auto 0 auto; padding: 0; height: 0px; line-height: 60px; background: url(images/titbg.png) no-repeat; margin-bottom: 20px; font-family: "微软雅黑"; }
.tit_mp { width: 1100px; margin:460px auto 0 auto;  padding: 0; height: 60px; line-height: 60px; background: url(images/titbg_mp.png) no-repeat; margin-bottom: 20px; font-family: "微软雅黑"; }
    .tit span, .tit_mp span { display:none; float: left; width: 50%; text-align: center; font-size: 24px; font-weight: bold; }
        .tit span a.cwhite, .tit_mp span a.cwhite { color: #fff; }
        .tit span a, .tit_mp span a { color: #888; }
            .tit span a:hover, .tit_mp span a:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
/* w730 */
.w730 { width: 732px; margin-left: 18px; padding-left: 7px; background: url(images/bgtxt.png) 0 60px no-repeat; }
.w730_mp { width: 732px; margin-right: 18px; padding-right: 7px; background: url(images/bgtxt.png) 0 -793px no-repeat; float: right; }
.pxlc { width: 700px; border: 1px solid #dadada; font-size: 16px; padding: 12px 15px; color: #444; margin-bottom: 20px; font-family: "微软雅黑"; }
.arrow { background: url(images/jiantou.png) center 6px no-repeat; width: 32px; height: 20px; display: inline-block; }
/* 焦点图 */
.jdt { width: 340px; height: 250px; overflow: hidden; margin-bottom: 7px; }
.slideBox { width: 340px; height: 100%; overflow: hidden; position: relative; }
    .slideBox .hd { height: 20px!important; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 99999999; width: 88px!important; }
        .slideBox .hd ul { width: 88px!important; position: relative!important; height: 20px; overflow: hidden; zoom: 1; float: right; }
            .slideBox .hd ul li { float: left; margin-right: 2px; width: 20px!important; height: 20px!important; line-height: 20px; font-size: 14px; color: #000; text-align: center; background: #fff; cursor: pointer; }
                .slideBox .hd ul li.on { background: #d54626; color: #fff; }
    .slideBox .bd { position: relative; left: 0; top: 0; height: 250px; width: 340px; z-index: 0; background: #fff; }
        .slideBox .bd li { position: relative; left: 0; top: 0; zoom: 1; width: 340px; height: 250px; }
            .slideBox .bd li img { position: absolute; left: 0; top: 0; width: 340px; height: 260px; display: block; z-index: 1; }
            .slideBox .bd li p { position: absolute;padding:0;margin:0; left: 0; bottom: 0; z-index: 2; color: #fff; font-size: 16px; font-family: "Microsoft Yahei"; text-align: left; text-indent: 10px; height: 30px; background: #000; width: 340px; line-height: 30px; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
/* A */
.divA { width: 370px; }
    .divA h1 { font-size: 16px; font-weight: bold; text-align: center; color: #444; margin-bottom: 8px; }
    .divA p { line-height: 180%; text-indent: 2em; }
.listA { width: 100%; border-top: 1px dotted #666; margin-top: 15px; padding-top: 10px; }
    .listA li { display: block; height: 24px; line-height: 24px; }
/* B */
.divB { width: 300px; float: right; margin-right: 25px; }
.divB_mp { width: 300px; float: left; margin-left: 25px; }
.ksrk a span { display: inline-block; font-family: "Microsoft Yahei"; }
.ksrk a:hover span { display: inline-block; font-family: "Microsoft Yahei"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
a.btn_wycj span { width: 100%; height: 70px; line-height: 70px; color: #fff; text-align:center; font-size: 22px; text-indent: 30px; background: #d54626 url(images/bgtxt.png) 70px -415px no-repeat; margin-bottom: 1px; }
a.btn_wycj_mp span { width: 50%; height: 70px; line-height: 70px; color: #fff; font-size: 22px;text-align:center;text-indent: 30px; background: #4f703f url(images/bgtxt.png) 70px -415px no-repeat; margin-bottom: 1px; }
a.btn_hdjj span { width: 50%;  height: 50px; line-height: 50px; color: #444; font-size: 18px; text-indent: 50px;  background: #eeeeee url(images/bgtxt.png) 18px -505px no-repeat; margin-bottom: 1px; }
a.btn_pxyq span { width: 50%;  height: 50px; line-height: 50px; color: #444; font-size: 18px;text-indent: 50px;  background: #eeeeee url(images/bgtxt.png) 12px -665px no-repeat; margin-bottom: 1px; }
a.btn_jxsz span { width: 50%; height: 50px; line-height: 50px; color: #444; font-size: 18px;text-indent: 50px;  background: #eeeeee url(images/bgtxt.png) 15px -585px no-repeat; margin-bottom: 1px; }
a.btn_jlff span { width: 50%; height: 50px; line-height: 50px; color: #444; font-size: 18px;  text-indent: 50px; background: #eeeeee url(images/bgtxt.png) 12px -745px no-repeat; margin-bottom: 1px; }
.zbdw { width: 265px; border: 1px solid #dadada; border-left-width: 4px; height: 120px; margin-top: 10px; padding: 10px 15px; line-height: 180%; }
.titC { width: 100%; height: 38px; background: url(images/titbg2.png) no-repeat; text-align: center; margin-top: 20px; }
    .titC span { display: block; font-size: 22px; font-weight: bold; font-family: "Microsoft Yahei"; padding-top: 10px; letter-spacing: 1px; }
.txtC { width: 100%; margin-top: 15px; }
.hxr li { float: left; width: 16.6%; text-align: center; line-height: 180%; margin-bottom: 15px; border-bottom: 1px dotted #444; padding-bottom: 15px; }
    .hxr li img { width: 130px; height: 130px; border: 1px solid #dadada; padding: 1px; margin-bottom: 4px; }
.cxmp li { float: left; width: 20%; text-align: center; line-height: 180%; margin-bottom: 15px; border-bottom: 1px dotted #444; padding-bottom: 15px; }
    .cxmp li img { width: 160px; height: 160px; border: 1px solid #dadada; padding: 1px; margin-bottom: 4px; }
.btn_tp {cursor:pointer; display: inline-block;text-align:center; padding: 0px 15px; margin: 0 3px; background-color: #d54626; color: #fff; border-top: 1px solid #d54626; border-bottom: 1px solid #d54626; }
    .btn_tp:hover { color:#fff;}
.btn_bt { padding: 2px 15px; margin: 0 3px; background-color: #eeeeee; color: #444; display:block; margin:0 auto; width:100px; text-align:center;  }
/* 活动声明 */
.hdsm { width: 1018px; border: #dadada solid 1px; margin: 0 auto; padding: 10px 15px; line-height: 22px; margin-top: 10px; }
.bot { background: url(images/bg_bot.png) no-repeat; width: 1100px; margin: 0 auto; height: 10px; }
/* 底部 */
.footp { width: 990px; margin: 5px auto; }
    .footp p { text-align: center; padding: 6px 0; }
/* 活动详情 */
.dqwz { width: 100%; height: 32px; line-height: 32px; font-size: 16px; font-family: "Microsoft Yahei"; margin-left: 25px; background: url(images/xing.png) no-repeat; text-indent: 40px; }
.article { width: 1008px; border: #dadada solid 0px; margin: 0 auto; padding: 15px 20px; line-height: 22px; margin-top: 10px; line-height: 200%; font-size: 14px; }
    .article h1 { text-align: center; font-size: 20px; font-family: "微软雅黑"; line-height: 40px; letter-spacing: 1px; font-weight: bold; }
    .article p { text-indent: 2em; font-size: 14px; line-height: 200%; padding: 4px 0; }
img.xx_hxr { width: 300px; height: 300px; float: left; margin-bottom: 20px; }
.hxr_txt { float: left; margin-left: 20px; width: 500px; }
/* 内页 */
.imgzs { text-align: center; padding: 10px 10px; }
.tpxx { height: 24px; line-height: 24px; text-align: center; color: #666; padding: 4px 0; border: 1px dotted #dadada; border-left: 0; border-right: 0; background-color: #fff; }
img { vertical-align: middle; }
.tit_pl { width: 100%; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; height: 35px; line-height: 35px; margin-top: 25px; background-color: #f5f5f5; }
    .tit_pl span { padding-left: 10px; font-weight: bold; }
.yhpl { padding: 10px 20px; line-height: 180%; }
    .yhpl span { display: block; }
    .yhpl li { border-bottom: 1px dotted #dadada; }
.pl_box { margin: 10px auto; width: 98%; border: 1px solid #dadada; background-color: #f5f5f5; padding: 5px 10px; overflow: hidden; line-height: 200%; }
.input_box { border: 1px solid #dadada; padding: 3px; }
.pl_tj { line-height: 180%; }
    .pl_tj input { width: 65px; height: 24px; }

/*大图展示*/
.picshow { width: 850px; margin-top: 5px; margin-left: 25px; overflow: hidden; }
.picshowtop { width: 850px; text-align: center; position: relative; z-index: 1; overflow: hidden; }
#pic1 { max-width: 850px; }
#preArrow { left: 0px; }
#nextArrow { right: 0px; }
.contextDiv { cursor: pointer; height: 100%; width: 50%; position: absolute; top: 0px; z-index: 5; background: url("blank") repeat; }
    .contextDiv span { position: absolute; top: 50%; margin-top: -10%; width: 46px; height: 80px; }
#preArrow_A { left: 0px; background: url('http://img1.askci.com/images/photo/left.png') 0px 0px no-repeat; display: none; }
#nextArrow_A { right: 0px; background: url('http://img1.askci.com/images/photo/right.png') 0px 0px no-repeat; display: none; }

.picshowlist_mid { float: left; width: 680px; margin-left: 85px; display: inline; overflow: hidden; height: 76px; margin-top: 10px; }
.picmidleft { float: left; width: 24px; height: 76px; overflow: hidden; }
    .picmidleft a { display: block; width: 24px; height: 76px; }
.picmidmid { float: left; width: 630px; overflow: hidden; height: 76px; padding-left: 2px; }
    .picmidmid ul { width: 630px; overflow: hidden; position: relative; height: 76px; }
        .picmidmid ul li { float: left; margin-left: 8px; display: inline; width: 116px; text-align: center; overflow: hidden; position: relative; height: 76px; }
            .picmidmid ul li img { max-width: 106px; height: 76px; }
                .picmidmid ul li img:hover { background: white; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.selectpic { border: 5px solid #cacaca; height: 66px !important; }
.picmidright { float: left; width: 24px; height: 76px; overflow: hidden; }
    .picmidright a { display: block; width: 24px; height: 76px; }
.picshowlist_right { float: left; width: 120px; float: right; overflow: hidden; }
/*列表展示*/
.piclistshow { width: 850px; overflow: hidden; border-top: 1px solid #e4e4e4; display: none; }
    .piclistshow ul li { width: 248px; height: 274px; float: left; border-bottom: 1px solid #e4e4e4; overflow: hidden; border-right: 1px solid #e4e4e4; cursor: pointer; padding-top: 40px; }
    .piclistshow .picimg { width: 228px; height: 160px; overflow: hidden; display: table-cell; vertical-align: middle; text-align: center; padding: 0px 10px; }
.picimg img { max-width: 228px; max-height: 160px; }
.add_main { background-color: #DDDDDD; margin-top: 5px; border-collapse: collapse; border-spacing: 0;  }
    .add_main td { background-color: #ffffff; padding: 5px; }
        .add_main textarea {width:80%; }

     .list { display:block; }
    .list .item { display:block; width:150px; height:200px;float:left; margin:16px;overflow:hidden; position:relative;transition:all 200ms ease-in-out; }
    .list .item:hover,.list .selected { box-shadow:0 2px 8px rgba(0,0,0,0.3); }
    .list .li_right { margin-right:10px; }
        .list li::after {content:''; clear:both; width:0;height:0;font-size:0; }
        .list li .list_img {position:absolute; top:0;left:0; }
        .list li img { max-height:200px;min-height:150px;max-width:200px;min-width:150px; _width:150px;z-index:1;}
            .list li img a {display:block; }
        .list li .list_tit { height:30px;overflow:hidden; }
        .list li .list_cot {position:absolute; bottom:0;left:0; background: #fff; padding:0px 0px; height:50px; width:100%; line-height:21px;color:#888;  }
        .list li h2 { font:normal 14px/20px "microsoft yahei"; height:20px;text-align:center;  padding:0 10px; margin:0; overflow:hidden; }
            .list li .list_cot .bar {position:absolute; bottom:0;left:0; height:25px;line-height:25px; width:100px; background-color:#F7F7F7;color: #333;  }
            .list li .list_cot .bar .pro {position:absolute; bottom:0;left:0;height:100%;background-color:#669900 }
                .list li .list_cot .bar .vote_c {position:absolute;right:50px;top:0;padding:0 5px;color:#333;text-shadow:#fff 0 0 3px;  }
                .list li .list_cot .bar .pro_c { position:absolute;right:5px;top:0; padding:0 5px;text-shadow:0 0 2px #fff }
             .list li .list_cot .vote{display:block; width:50px;height:25px;line-height:25px; position:absolute; bottom:0;right:0;text-align:center; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; background:#ECECEC -webkit-gradient(linear,0 0,0 100%,from(#F7F7F7),to(#ECECEC)); background: linear-gradient(to bottom,#F7F7F7 0,#ECECEC 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F7F7F7",endColorstr="#ECECEC");  }
    .list li .list_cot .vote:hover{ background: #ff9d4d;color:#fff;text-decoration:none; }

.add { padding:10px 190px;
   clear:both;
   text-align:center;
   font-size:14px;
   line-height:200%;}
    .add table {text-align:left; }
    .add td { padding:5px 10px;font-weight:bold;font-family:"微软雅黑"; }
        .add input ,.add textarea{border:1px solid #ccc; padding:8px 5px;font-size:14px;  width:400px  }
            .article {padding:0; }
        /*大图展示*/
.picshow{width:100%;margin-left:0;}
.picshowtop{width:100%;}
#pic1{max-width:100%;}

.picshowlist_mid{float:left;width:100%;margin-left:0;}
.picmidmid{width:calc(100% - 52px);}
.picmidmid ul{width:100%;}
.picmidmid ul li{width:auto;}
.picmidmid ul li img{max-width:100%; height:100%;width:auto;}

.postcode_div{ position:fixed;_position:absolute; z-index:999; top:0; left:0; width:100%; height:100%; _height:1200px; display:none;}
.postcode_div .bg{ position:absolute;top:0; left:0; width:100%; height:100%;display:block;background:#000;opacity:0.6;filter:alpha(opacity=60);}
.postcode_div .ct{ width:290px; height:200px; position:relative; z-index:9999; left:50%; top:50%; margin-left:-145px; margin-top:-120px;}
.postcode_div .ct #close{ position:absolute; top:-10px; right:-10px;display:inline-block; width:14px; height:14px; line-height:12px; font-size:14px; font-family:Tahoma;color:#fff; font-weight:bold; text-decoration:none; }
.succeed {display:none; position:fixed;z-index:999; top:50%; left:50%; width:200px; height:50px; margin-left:-100px; margin-top:-25px; line-height:50px; background-color:#669900;box-shadow: 0 0 5px #333; text-align:center; font:600 16px/50px "Microsoft YaHei",Tahoma,Arial,Verdana,"宋体b8b\4f53"; color:#fff; }

.nei{width:90%; margin:0 auto; overflow:hidden}
.nei_l{text-align:center; overflow:hidden}
.nei_l img{padding:3px; border:1px solid #ccc; max-width:350px;}
.nei_r{padding-top:10px; overflow:hidden; }
.redbold{ font-weight:bold; color:#E43000;font-family:"微软雅黑";}
.tp_btn{width:45px; height:20px; background:url(images/1.png) -862px -58px; display:inline-block;cursor:pointer; vertical-align:middle;}

@media (max-width:800px) {
    body { background: #fff url(images/bgimg2_m.jpg) center 0 no-repeat; background-size: contain; }
    .topbg, .tit_mp,.w730,.w730_mp,.tit,.foot,.bot,.zbdw { display:none;}
    .banner {padding-top:40%; }
    .container,.hdsm ,.article{ width: auto; }
    .divB,.divB_mp {width:100%;margin-right:0; float:initial; }

    .list_c {padding:10px 6px; }
        .list { display:block; }
    .list .item { display:block; width:100%; height:auto;float:none; margin:0 0 30px 0;overflow:initial; position:relative;transition:all 200ms ease-in-out; }
    .list .item:hover,.list .selected { box-shadow:initial; }
    .list .li_right { margin-right:10px; }
        .list li::after {content:''; clear:both; width:0;height:0;font-size:0; }
        .list li .list_img {position:initial; top:0;left:0; }
        .list li img { width:100%; max-width:initial;max-height:initial; height: auto; z-index:1;position: inherit;}
        .list li .list_tit { height:30px;overflow:hidden; }
        .list li .list_cot {position:relative; bottom:0;left:0; background: #fff; padding:0px 0px; height:auto; width:100%; line-height:21px;color:#888; box-shadow: 0 0 15px 15px #fff; }
        .list li h2 { font:normal 14px/20px "microsoft yahei"; height:20px;text-align:center;  padding:0 10px;overflow:hidden; }
            .list li .list_cot .bar {position:relative; bottom:0;left:0; height:25px;line-height:25px; width:auto;margin-right:50px; background-color:#F7F7F7;color: #333;  }
            .list li .list_cot .bar .pro {position:absolute; bottom:0;left:0;height:100%;background-color:#669900 }
                .list li .list_cot .bar .vote_c {position:absolute;right:50px;top:0;padding:0 5px;color:#333;text-shadow:#fff 0 0 3px; }
                .list li .list_cot .bar .pro_c { position:absolute;right:5px;top:0; padding:0 5px;text-shadow:0 0 2px #fff }
             .list li .list_cot .vote{display:block; width:50px;height:25px;line-height:25px; position:absolute; bottom:0;right:0;text-align:center; cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; background:#ECECEC -webkit-gradient(linear,0 0,0 100%,from(#F7F7F7),to(#ECECEC)); background: linear-gradient(to bottom,#F7F7F7 0,#ECECEC 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F7F7F7",endColorstr="#ECECEC");  }
    .list li .list_cot .vote { background: #ff9d4d;color:#fff;text-decoration:none; }
    .btn_tp {display:block;
    }
        .add { padding:10px 0;  
   clear:both;
   text-align:center;
   line-height:200%;}
    .add table {text-align:left;}
    .add td { padding:5px 8px;font-weight:normal; }
        .add input ,.add textarea{border:1px solid #ccc; padding:8px 5px;font-size:12px;  width:80%;  }
}