@charset "utf-8";

/*

 * @Created: 20130315 

 * @Author : Kevin

 */

a{color:#333333;}

a:hover{color:#fd5151;}

.mt5{margin-top:5px;}

.pb10{padding-bottom:10px;}

select{font-size:12px;}

.tc{text-align:center;}

.tr{text-align:right;}

.cRed{color:#fd0000;}

.cGrey{color:#656565;}

.cGreen{color:#06F;}

/*rewrite*/

.menu_xy .current span,.menu_xy li a:hover span{background-position:0 -36px;}

.menu_xy{border-color:#7c4328;}

.menu_xy ul{border-color:#b27f4f;background-color:#a4672e;}

.menu_xy li a{border-color:#7c4328;}

.menu_xy li a span{border-color:#b27f4f;}

.menu_xy li a:hover,.menu_xy .current{border-color:#7c4329;}

.menu_xy strong{background:url(../../../images/math/common.png) no-repeat -143px -525px;}

.header_recom_tool a{color:#813d20;}

.spreadHotWords{margin-bottom:10px;background-color:#fff6e4;border-color:#d0ad9a;}

.spreadHotWords .sTit{background-position:-35px 0;}

.spreadHotWords_list{margin-top:4px; padding-left:15px;}

.spreadHotWords_list li{width:98px; float:left; margin-right:15px; display:inline;}

.spreadHotWords_onerow .sTit{background-position:-35px -68px;}

.page a{border-color:#D2D2D2;}

.page a.current{border-color:#C58C5D;background-color:#894A16;}

/*submenu*/

.submenu{border:1px solid #d0ad9a;border-top:0 none;background-color:#ffffff;}

.submenu_list{padding:12px 0 12px 15px;overflow:hidden;*zoom:1;}

.submenu_list a{float:left;padding:0 9px;height:22px;line-height:22px;font-size:14px;color:#7c4328;}

.submenu_list a.current{background-color:#a4672e;color:#ffffff;}

.submenu_list em{float:left;margin:4px 9px 0;color:#f2d2b5;width:1px;height:14px;background-color:#f2d2b5;}

/*layout*/

.cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.cont{margin-top:10px;*zoom:1;}

.cont .col_left{float:left;width:680px;}
.col_left .hot_tool_part .mod_txt li{width:148px;height:30px;line-height:30px;font-size:14px;}
.cont .col_right{float:right;width:300px;}

.cont .col_right .mod_box_t2{margin-bottom:5px;}

.col_right{float:right;width:250px;}

.col_right .mod_box_t2{margin-bottom:0px;}

/*mod_btn*/

.btn_brown,.btn_brown_1,.btn_orange,.btn_orange_1{display:inline-block;vertical-align:middle;text-align:center;background:url(../../../images/math/common.png) no-repeat;cursor:pointer;border:0 none;font-size:12px;}

.btn_brown{width:68px;height:23px;line-height:23px;color:#813d20;background-position:0 -117px;}

.btn_brown:hover{background-position:0 -145px;color:#ffffff;text-decoration:none;}

.btn_brown_1{width:58px;height:23px;line-height:23px;color:#813d20;background-position:-90px -88px;}

.btn_brown_1:hover,.btn_brown_1_hover{background-position:-90px -117px;}

.btn_orange{width:123px;height:37px;line-height:37px;background-position:0 -443px;color:#ffffff;font-size:14px;font-weight:bold;}

.btn_orange_1{width:85px;height:27px;text-align:center;line-height:27px;background-position:0 -527px;color:#ffffff;}

.btn_orange:hover,.btn_orange_hover{background-position:0 -485px;}

.btn_orange_1:hover{color:#ffffff;text-decoration:none;background-position:0 -559px;}

/*form element*/

.select{color:#3e4144;font-size:14px;vertical-align:middle;}

.ipt_radio{width:13px;height:13px;overflow:hidden;margin:-3px 5px 0 0;vertical-align:middle;}

.ipt_text{padding:1px 0 1px 5px;width:65px;height:18px;line-height:18px;border:1px solid #a5acb2;vertical-align:middle;background-color:#ffffff;font-size:14px;font-family:"\5b8b\4f53";}

/*mod_box_t1*/

.mod_box_t1{position:relative;margin-bottom:10px;border:1px solid #d0ad9a;background-color:#fffcf5;*zoom:1;}

.mod_box_t1 .flag_tl_t1,.mod_box_t1 .flag_tr_t1,.mod_box_t1 .flag_bl_t1,.mod_box_t1 .flag_br_t1{position:absolute;width:40px;height:40px;overflow:hidden;background:url(../../../images/math/common.png) no-repeat;z-index:2;}

.mod_box_t1 .flag_tl_t1{top:4px;left:3px;background-position:0 -27px;}

.mod_box_t1 .flag_tr_t1{top:4px;right:3px;background-position:-45px -27px;}

.mod_box_t1 .flag_bl_t1{bottom:4px;left:3px;background-position:0 -72px;}

.mod_box_t1 .flag_br_t1{bottom:4px;right:3px;background-position:-45px -72px;}

.mod_box_t1 .hd{position:relative;margin:0 14px 9px;height:54px;border-bottom:1px dashed #f2d2b5;overflow:hidden;z-index:2;}

.mod_box_t1 .bd{position:relative;z-index:3;padding:0 12px 30px;font-size:14px;}

/*mod_box_t2*/

.mod_box_t2{margin-bottom:10px;border:1px solid #d0ad9a;}

.mod_box_t2 .hd{position:relative;height:33px;line-height:33px;border-bottom:1px solid #f2d2b5;background-color:#fff7e8;}

.mod_box_t2 .flag_l_t2,.mod_box_t2 .flag_r_t2{position:absolute;top:2px;width:22px;height:22px;overflow:hidden;background:url(../../../images/math/common.png) no-repeat;}

.mod_box_t2 .flag_l_t2{left:2px;}

.mod_box_t2 .flag_r_t2{right:2px;background-position:-22px 0;}

.mod_box_t2 .hd h3{padding-left:27px;color:#834b27;font-size:16px;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";}

.mod_box_t2 .hd_s1 h3{padding-left:0;text-align:center; border-bottom:1px solid #f2d2b5;}

.mod_box_t2 .bd{padding:6px;background-color:#ffffff;*zoom:1;}

.mod_box_t2 .bd_s1{background-color:#fffcf5;}

.mod_box_t2 .indexlist{width:688px; padding:10px 20px; overflow:hidden;}
.indexlist ul{width:780px;}
.indexlist ul li{width:165px; height:30px; line-height:30px; float:left; margin-right:20px; display:inline; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.nobor_bom{border-bottom:1px solid #d0ad9a;}

/*mod_box_t3*/

.mod_box_t3{position:relative;border:1px solid #d0ad9a;background-color:#fdf5e6;*zoom:1;}

.mod_box_t3 .flag_tl_t3,.mod_box_t3 .flag_tr_t3,.mod_box_t3 .flag_bl_t3,.mod_box_t3 .flag_br_t3{position:absolute;width:22px;height:22px;overflow:hidden;background:url(../../../images/math/common.png) no-repeat;}

.mod_box_t3 .flag_tl_t3{left:5px;top:4px;}

.mod_box_t3 .flag_tr_t3{right:5px;top:4px;background-position:-22px 0;}

.mod_box_t3 .flag_bl_t3{bottom:4px;left:5px;background-position:-44px 0;}

.mod_box_t3 .flag_br_t3{bottom:4px;right:5px;background-position:-66px 0;}

.mod_box_t3 .box_con{padding:0 20px 15px;*zoom:1;}

/*fn_part*/

.fn_part{min-height:414px;height:auto !important;_height:414px;}

.fn_part h1{margin:14px auto 0;overflow:hidden;text-indent:-9999px;}

.fn_part h2{margin:14px auto; text-align:center;}

.fn_part .intro_area{margin-bottom:15px;color:#6e6c79;font-size:14px;}

.fn_part .intro_area a{margin-bottom:15px;color:#6e6c79;font-size:12px;}

.fn_part .intro_area strong{color:#333333;font-weight:normal;}

.fn_part .help_area{margin-left:15px;font-size:12px;}

.fn_part .help_area .help_tit i{float:left;margin:0 7px 0 0;width:12px;height:16px;vertical-align:middle;background:url(../../../images/math/common.png) no-repeat -118px -145px;}

.fn_part .help_area a{margin-left:4px;color:#813d20;}

.fn_part .help_area a:hover{color:#fd5151;}

.fn_part .tips_area{padding-left:22px;color:#999999;font-size:12px;}

/*mod_form*/

.mod_form{margin-top:40px;margin-left:14px;}

.mod_form .form_item{margin-bottom:28px;line-height:22px;}

.mod_form .btn_item{padding-top:5px;padding-bottom:3px;text-align:center;}

/*mod_txt*/

.mod_txt{overflow:hidden;*zoom:1;}

.mod_txt li{float:left;display:inline;margin-left:10px;width:100px;padding-left:8px;height:27px;line-height:27px;overflow:hidden;background:url(../../../images/math/common.png) no-repeat -147px -2px;}

.mod_txt_s1{margin-left:8px;}

.mod_txt_s1 li{display:block;float:none;width:auto;margin-left:0;height:21px;line-height:21px;background-position:-147px -5px;}

/*mod_pro*/

.mod_pro{overflow:hidden;*zoom:1;}

.mod_pro li{float:left;display:inline;margin:0 10px 0 14px;padding:11px 0 8px;width:154px;overflow:hidden;}

.mod_pro .pro_pic{display:block;width:152px;height:148px;overflow:hidden;border:1px solid #e2e2e1;}

.mod_pro .pro_tit{margin:4px 0 0;display:block;height:36px;overflow:hidden;}

.mod_pro .pro_tit a{color:#834b27;}

.mod_pro .pro_tit a:hover{color:#fd5151;}

.mod_pro .price{float:left;color:#ff0000;font-family:Arial;font-size:20px;font-weight:normal;}

.mod_pro .btn_red{float:right;margin-top:3px;width:61px;height:23px;text-align:center;line-height:23px;color:#ffffff !important;background:url(../../../images/math/common.png) no-repeat -90px -32px;cursor:pointer;}

.mod_pro .btn_red:hover{background-position:-90px -60px;text-decoration:none;}

.mod_pro .prop{padding-top:6px;overflow:hidden;*zoom:1;}

/*hot_tool_part*/

.hot_tool_part .mod_txt{padding-left:2px;padding-top:5px;padding-bottom:5px;}

.hot_tool_part .mod_txt li{width:75px;height:30px;line-height:30px;font-size:14px;}

/*side_banner*/

.side_banner{margin-top:0px;margin-bottom:5px;width:300px;overflow:hidden;}

.main_banner{width:730px;overflow:hidden;text-align:center;}



/* relateLinks */

.relateLinks{padding-top:14px;;text-align:center;}

.relateLinks a{display:inline-block;width:100px;height:29px;line-height:29px;text-align:center;color:#813d20;margin-right:10px;background:url(../../../images/math/sm_new_btn.png) no-repeat 0 -30px;}

.relateLinks a:hover,.relateLinks a.current{background-position:0 0;color:#fff; text-decoration:none;}



/* relatedTool */

.relatedTool{border:1px solid #ebdbd3;}

.relatedTool h3{border-bottom:1px solid #ebdbd3;color:#8c2b00;background-color:#fff7e8;}

.relatedTool th, .relatedTool td{border-top:1px solid #ebdbd3; background:#fffcf7}

.relatedTool td{border-left:1px solid #ebdbd3;}



/** 头部 **/

.header{width:990px; height:105px; margin:0 auto; position:relative;}
.logo{position:absolute; top:0; left:0;}
.header_ad{width:728px; height:90px; margin-top:10px; float:right; }
#header {background: #f6f6f6;}
#logo {width: 990px;height: 65px;margin: 0 auto;padding: 10px 0px 0px 0px;}
#logo a {text-decoration: none;font-weight: bold;font-size: 300%;text-shadow: 2px 2px 2px #cccccc;}
/** 尾部 **/

.footer{width:990px; margin:10px auto 0; padding-top:12px; color:#a2652b; border-top:3px solid #c0844d; text-align:center; color:#;}
.add-mobile{display: none}

@media (max-width: 990px) {
    .side_banner,.ad {
        display: none;
    }
    .add-mobile {
        display: block;
    }
    .top_in, .header, .nav ul, .main, .footbar,.footer,
    .cont .col_left,.cont .col_right
    {
        width: 100%!important;
    }
    #logo {
        width: 100%;
        text-align: center;
    }
    .menu_xy {
        height: auto;
    }
    .menu_xy,.menu_xy ul,.menu_xy li a:hover, 
    .menu_xy .current,.menu_xy li a span,.menu_xy li a,
    .mod_box_t2,.mod_box_t1
    {
        border:0;
    }
    .menu_xy ul {
        background-color: #a4672e;
        height: auto;
    }
    .spreadHotWords {
        height: auto;
    }
    .mod_box_t3 .box_con {
        padding:0;
    }
    .menu_xy li {
        margin:0;
    }
    .menu_xy li a {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
    .menu_xy li a span {
        height: 40px;
        line-height: 40px;
        padding: 0 11px;
    }
    .menu_xy li a:hover span, .menu_xy .current span {
        padding: 0 11px;
        height: 40px;
        line-height: 40px;
        background:#895127;
    }

}