# css文件 [mw_shl_code=css,true]#divBody { /*定义文本*/ font-family: 'Microsoft Yahei', "Open Sans",Helvetica,Arial,sans-serif; font-size: 14px; text-align: center; /*定义属性*/ margin: 0; padding: 0; } img, object { max-width: 100%; } .btn { /*定义框架*/ border: #4cae4c thin solid; border-radius: 3px; padding: 5px 10px; margin: 3px 0; /*定义颜色*/ background: #5cb85c; color: #fff; /*定义属性*/ cursor: pointer; /*链接变成手形*/ /* border-style:solid; border-width:thin; border-color:#4cae4c; */ } .btn:hover { /*定义颜色*/ background: #449d44; border-color: #398439; } .btn_style2 { /*定义框架*/ border: #4cae4c thin solid; border-radius: 3px; padding: 5px 10px; margin: 3px 0; /*定义颜色*/ background: #FFF; color: #5cb85c; /*定义属性*/ cursor: pointer; } .btn_style2:hover { /*定义颜色*/ background: #f0f0f0; border-color: #398439; } .btn_title { /*定义框架*/ float: right; border: none; border-radius: 50%; margin: 10px 10px 10px 0; padding: 8px; /*定义颜色*/ background: #f84b56; color: #fff; /*定义文本*/ font-weight: bold; font-size: 14px; /*定义属性*/ cursor: pointer; } .btn_title:hover { /*定义颜色*/ background: #d14242; } .form_main { /*定义尺寸*/ width: 100%; height: 40px; /*定义框架*/ border: #1C982A thin solid; border-radius: 2px; /*定义文本*/ text-align: center; font-size: 14px; /*定义颜色*/ background: #faffbd; } .modal_main { /*定义尺寸*/ width:700px; /*定义框架*/ display: inline-block; border-radius:4px; box-shadow: 2px 2px 20px #333; margin:20px 20px; } @media only screen and (max-width: 479px) { /*定义自适应尺寸*/ .modal_main{ width:auto; } } .modal_title { /*定义尺寸*/ width: auto; height: 37px; /*定义框架*/ border: #e9e9e9 thin solid; border-bottom: none; border-radius: 4px 4px 0 0; /*定义颜色*/ background: linear-gradient(45deg,#e9e9e9 0%,#dde3ec 100%); } .modal_title_text { /*定义框架*/ margin: 8px; float: left; /*定义颜色*/ color: #000; /*定义文字*/ font-weight: bold; } .modal_body { /*定义框架*/ border: #e9e9e9 thin solid; border-top: none; border-radius: 0 0 4px 4px; padding: 10px; padding-top: 0px; /*定义颜色*/ /*background: #e8ecf3;*/ background: #fff; } .modal_body_inner { /*定义框架*/ border-radius: 3px; padding: 10px; /*定义颜色*/ background: #fff; } .modal_body_inner nav { text-align: center; background: linear-gradient(#f0dcd5, #e0dad9); border-radius: 3px; } .modal_body_inner nav ul { /*定义尺寸*/ width: auto; /*定义框架*/ display: inline-block; border-radius: 20px 3px; margin: 0px; padding: 0px; /*定义颜色*/ color: #fff; /*定义属性*/ list-style: none; /*定义文本*/ text-align: left; } .modal_body_inner nav ul li { display: inline; } .modal_body_inner nav ul li a { font-size: 13px; display: inline-block; margin: 3px 3px; padding: 2px 10px; border: #fff thin solid; border-radius: 20px 0; background: #d14242; cursor: pointer; } .modal_body_inner nav ul li a:hover { background: #a71313; } .box { margin: 10px 0 0 0; border-radius: 3px; box-shadow: 1px 1px 20px #e6e6e6; text-align: left; line-height: 22px; } .box span { display: inline-block; border-radius: 0 0 3px 3px; width: auto; padding: 5px 10px; margin: 0 0 0 10px; background: #1499f8; color: #fff; font-weight: bold; } .box p { text-indent: 26px; font-size: 13px; margin: 0; padding: 3px 10px; } #title_btn_middle { background: #f2c301; } #title_btn_middle:hover { background: #cf9503; } #title_btn_left { background: #00d842; } #title_btn_left:hover { background: #03b238; }[/mw_shl_code]