@charset "utf-8";
/*
* Site:¿ÚÇ»½ðɳmgwapÕ¾

* Ver 1.0
* Date:2013/08/14
*/


/*
* container
*/
.container{position:relative;width:100%;}
.container.gray{background-color:#f7f7f7;}
.adr{width:300px;margin:0 auto;line-height:30px;height:30px;}
.adr *{font-size:12px;}
.adr i{padding:0 6px;}
.adr b{font-weight:normal; color:#474747;}

.page{padding:15px 0;text-align:center;width:300px;}
.page a{text-align:center;font-size:12px;color:#505050;font-weight:normal;width:65px;padding:0;line-height:27px;height:27px;margin:0 4px;border:solid 1px #e1e1e1;border-radius:3px;background-color:#fff;display:inline-block;float:left;}
.page a:active{background-color:#9A5D4B;border-color:#416a00;color:#fff;}




body{color:#505050;}
.FL{float:left;}
.FR{float:right;}
/* ²úÆ·Ò³ */
.item{width:300px; margin:0px auto;}

.cp_h2{height:36px; line-height:36px; text-indent:5px; font-size:14px; color:#026bad; background-color:#e2eff6; border-bottom:#026bad solid 2px; margin:10px 0;}
.cp_h3{height:36px; line-height:36px; text-indent:5px; font-size:14px; color:#026bad; border-bottom:#026bad solid 1px; margin-bottom:10px; position:relative; font-weight:bold;}
.cp_h3 span{position:absolute; right:5px; top:10px;}
.cp_h3 span i{float:left; width:11px; height:11px; background-color:#FFF; border:#e6ddcd solid 1px; border-radius:10px; margin-left:3px; display:inline-block;}
.cp_h3 span i.new{background-color:#026bad; border:#FCF2E0 solid 1px;}
.cp_h3 a.more{font-size:8px; color:#9a5d4b; position:absolute; right:10px; top:5px;}


/* f1Box */
.f1Box{}
.f1Box dt{float:left; padding-right:5px;}
.f1Box dt,.f1Box dt img{width:94px; height:94px;}
.f1Box dd ul li{float:left; width:84px; height:32px; text-align:center; line-height:32px; color:#505050; background-color:#FFF; border:#e2e2e2 solid 1px; margin:5px 4px 11px;}
/* f4Box */
.zjia{width:300px; height:176px; overflow:hidden;}

.f4Box{width:300px; overflow:hidden;}
.f4Box ul li{float:left; width:150px;}
.f4Box ul li dl{width:118px; border:#d1d1d1 solid 1px; background-color:#FFF; padding:5px 13px;}
.f4Box ul li dl dt,.f4Box ul li dl dt img{width:118px; height:144px;}
.f4Box ul li dl dd{text-align:center; color:#212121; line-height:30px;}
.f4Box span{text-align:center; display:block;}
.f4Box span i{width:11px; height:11px; border:#e6ddcd solid 1px; background-color:#FFF; border-radius:11px; display:inline-block; margin:12px 2px;}
.f4Box span i.new{background-color:#9a5d4b; border:#9a5d4b solid 1px;}

/* quickApp */
.quickApp{width:300px;margin:0 auto; color:#212121;}
.quickApp.otr{border:none;}
.quickApp ul{}
.quickApp ul li{width:188px;margin:0 auto;line-height:31px;padding-left:80px;position:relative;padding-bottom:8px;}
.quickApp ul li span{font-size:14px;font-weight:bold;height:31px;line-height:31px;display:inline-block;position:absolute;left:0;top:0;width:80px;}
.quickApp ul li .t{padding:2px;border:solid 1px #fff;border-color:#cfcfcf #e7e7e7 #e7e7e7 #cfcfcf;height:25px;width:170px; margin-right:5px;font-size:12px;line-height:25px;color:#3a3a3a;border-radius:2px;transition:border-color .3s,box-shadow .3s;}
.quickApp ul li .t:focus{border:solid 1px #416a00;box-shadow:0 0 3px #390;transition:border-color .3s,box-shadow .3s;}
.quickApp ul li textarea.t{height:86px;line-height:22px;}
.quickApp ul li.text{height:92px;}
.quickApp ul li.submitBox{padding:00 8px 0;width:268px;text-align:center;height:50px;}
.quickApp ul li select.t{height:27px;padding:1px;width:175px;}
.quickApp ul li .btn{background-color:#0488cd;border:solid 1px #0265a3; font-weight:bold; border-radius:6px; -moz-border-radius:border-radius:6px; -webkit-border-radius:border-radius:6px;font-size:14px;color:#fff;width:102px;height:32px;margin:0px 2px 0;cursor:pointer; box-shadow:0 3px 0 #0D6897;-moz-box-shadow:box-shadow:0 3px 0 #0D6897;-webkit-box-shadow:0 3px 0 #0D6897; transition:all 0.3s ease-in-out; text-shadow:1px 1px 2px #706D6D;}
.quickApp ul li .btn:hover{background-color:#5DC3F8; border:solid 1px #52ADE7; box-shadow:0 3px 0 #3191C2; -moz-box-shadow:0 3px 0 #3191C2; -webkit-box-shadow:0 3px 0 #3191C2;}
.quickApp ul li .btn.otr{background-color:#8bad58;}

.body_text{color:#505050;}
.body_text img{width:300px; height:auto;}
.body_text h1{font-size:14px; height:28px; line-height:28px; overflow:hidden; text-align: center; font-weight:bold;}
.timetext{text-align:center;}
.adv{ width:100%; text-align:center}
.adv img{ width:100%; height:auto; display:inline-block;}

@media screen and (min-width:360px){
	.item,.jshu dl,.quickApp{ width:340px;}
	.jshu dl dd ul li.FR{ width:215px;}
	
}