﻿.DictHeader{ width:980px; margin-left:auto; margin-right:auto; height:30px;}
.DictHeader .DictTopLeft{ float:left;  background:url(/images/Dict_top.jpg) no-repeat; height:24px; width:449px; padding-top:4px; padding-left:15px;}
.DictHeader .DictTopRight{ float:right; padding-right:5px; padding-top:8px;}

.DictSearch 
{
    width:960px; 
    margin-top:60px; 
    margin-left:auto;
     margin-right:auto;
     background:url(/images/dict_bg.jpg) no-repeat right bottom; height:480px;
     }
.DictSearch .logo 
{
    background:url(/images/dictonary.jpg) no-repeat center; 
    height:66px;}
.DictSearch .SearchArea
{
  margin-top :25px;
  margin-left:160px;
  clear:both;
  width:600px;
   position:relative;
}
.DictSearch .SearchArea .panl
{
    height:70px;
    }
.DictSearch .SearchArea .Search 
{
    background:url(/images/dict_search.jpg) no-repeat;
    width:426px;
    height:70px;
    padding-top:15px;
    padding-left:15px;
  float:left;
   }
   .DictSearch .SearchArea .Search .input 
{
    border:0;
    height:26px; 
    width:380px; 
    margin-top:10px;
    font-size:16px; 
    padding-top:8px; 
    padding-left:4px;  
    color:#666;
    }
.DictSearch .SearchArea .SearchBtn
{
     float:left; width:80px; margin-left:20px;
    }
.DictSearch .SearchArea .auto
{
    width:404px; 
    background:#fff; 
    margin-left:3px; 
    border:3px solid #000; 
    border-top:0px; 
    padding:0 10px 5px 10px; 
    position:absolute;
        margin-top:-20px;
    }
.DictSearch .SearchArea .auto span{ color:#ffcc00;}
.DictSearch .SearchArea  .auto a 
{
    color:#666;padding:3px 0 3px 4px; 
    display:inline-block;  float:left; width:380px; 
    text-transform:capitalize;
    }
.DictSearch .SearchArea  .auto a:hover{ background:#f5f5f5; color:#000;}
.DictSearch .Search .submit 
{
    float:right;
    cursor:pointer}
.DictSearch .Hot 
{
    margin-left:160px;
    clear:both;
    padding-top:18px; 
    padding-left:10px;}
.Warp .WarpRight 
{
    float:left;}
.Warp .WarpRight .DetailSearch
{
    width:540px; 
    margin-top:30px;
    margin-left:auto; 
    margin-right:auto;
    position:relative;
    }
 .Warp .WarpRight .DetailSearch .panl
 {
     border:2px solid #004e52; 
     width:536px; 
     height:40px; 
     }
.Warp .WarpRight .DetailSearch .auto
{
    width:516px; 
    background:#fff; 
    border:2px solid #004e52; 
    border-top:0px; 
    padding:0 10px 5px 10px;
    position:absolute;
    z-index:999px;
    margin-top:-2px;
    }
.Warp .WarpRight .DetailSearch .auto span{ color:#ffcc00;}
.Warp .WarpRight .DetailSearch  .auto a{ color:#666;padding:3px 0 3px 4px; display:inline-block;  float:left; width:90%; text-transform:capitalize;}
.Warp .WarpRight .DetailSearch  .auto a:hover{ background:#f5f5f5; color:#000;}
.Warp .WarpRight .DetailSearch .input 
{
    border:none;
    border:0;
    height:26px; 
    width:480px; 
    float:left; 
    font-size:18px; 
    padding-top:10px; 
    padding-left:4px; 
    font-family:Arial Sans-Serif; 
    color:#666;}
.Warp .WarpRight .DetailSearch .submit 
{
    float:right; 
    cursor:pointer}
.Warp .WarpRight .Content 
{
    
    width:653px; 
    margin-top:15px; 
    margin-left:auto; 
    margin-right:auto }
.Warp .WarpRight .Content .top 
{
   
    width:653px; 
    height:9px; 
    vertical-align:bottom }
.Warp .WarpRight .Content  .Basic 
{
    padding:12px; 
    padding-bottom:15px; 
    overflow:hidden;
   
    }
 .Warp .WarpRight .Content  .Basic strong{ font-size:14px;}
.Warp .WarpRight .Content  .Basic p 
{
    padding-top:3px; 
    padding-bottom:2px;}
.Warp .WarpRight .Content .DictInfo 
{
    height:100px; 
    padding-top:10px; 
    padding-left:20px;}
.Warp .WarpRight .Content .DictInfo .char 
{
    width:100px; 
    height:100px; 
    float:left; }
.Warp .WarpRight .Content .DictInfo .pinyin 
{
    float:left; 
    margin-left:15px; 
    margin-top:8px;}
.Warp .WarpRight .Content .DictInfo .pinyin .py 
{
    font-size:15px; 
    font-weight:bold; 
    color:#333;
     width:70px;
}
.Warp .WarpRight .Content .DictInfo .pinyin .py ul{}
.Warp .WarpRight .Content .DictInfo .pinyin .py ul li{ width:80px; height:24px; }
 .Warp .WarpRight .Content .DictInfo .pinyin .py ul li span{  float:right; display: block; width:22px; height:24px}
.Warp .WarpRight .Content .DictInfo .pinyin .fy{ margin-top:30px; cursor:pointer;}
.Warp .WarpRight .DictTopice
{
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
    width:640px;
 }
 .Warp .WarpRight .DictTopice .Title{ font-size:14px; font-weight:bold; margin-top:10px; height:20px; padding-top:10px}
.Warp .WarpRight .DictTopice ul{ list-style:none; width:620px; padding-left:15px}
.Warp .WarpRight .DictTopice ul li 
{
    width:150px; 
    font-size:16px; 
    float:left; 
    padding-top:2px;
    padding-bottom:2px;
    margin-right:2px;
    margin-top:4px;
    margin-bottom:4px;
    }
.Warp .WarpRight .DictTopice ul li span{ font-size:11px;}
.Warp .WarpLeft{ float:right;}
.Warp .NewDictTopKey{font-size:14px; padding:15px; background:#f5f5f5; border:1px solid #ccc; width:580px; margin-left:12px;}
.Warp .NewDictTopKey span{ font-size:18px; font-weight:bold}
.Warp .EnDict{ color:#004fba}
.Warp .EnglishTitle{ border-bottom:1px #ccc solid; padding-top:10px; padding-bottom:8px; font-size:14px;}
.Warp .EnglishTitle strong{ font-size:19px;text-transform:capitalize}
.Warp .NotKey{ font-size:16px; color:#004fba}
.Warp .KeyUL{ list-style:none; padding-top:8px;}
.Warp .KeyUL li{ float:left; font-size:18px; width:40px; text-align:center;}
.Warp .KeyUL li span{ font-size:12px;}


