/* 全局 */ .ct2 .mn { width: 850px; } .tb .o { background: url(''); border: 0px; } .tb .o a { padding: 5px 20px; font-size: 16px; background: linear-gradient(60deg, rgba(43,122,205,1) 0%, rgba(81,192,250,1) 100%); border-radius: 5px; color: #FFF; } #um .new { color: #ffea02 } .appl { width: 200px; background: #f2f2f2; } .appl .mt { padding: 25px 20px; font-size: 18px; border: 0px; } .appl ul { margin-bottom: 3px; } .appl ul li { padding: 10px 22px; background: #F2F2F2; border: 0px; } .appl ul .a { margin-left: 20px; padding: 10px 15px; font-weight: 800; background: #DDD; border-top: 0px; } .ct2_a { border: 1px solid #DDD; background: #F2F2F2; } .ct2_a .mn { min-height: 500px; background: #FFF; padding: 20px; padding-left: 20px; width: 800px; margin-right: 0px; } .edt { border-radius: 5px } .edt #e_controls { padding: 8px 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .edt .bbar { padding: 8px 10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .tb .a a { margin-left: 5px; padding: 5px 20px; font-size: 14px; border-top-left-radius: 5px; border-top-right-radius: 5px !important; } .tb a { margin-left: 5px; padding: 5px 20px; font-size: 14px; border-top-left-radius: 5px; border-top-right-radius: 5px !important; } .fl_tb tr td { padding: 15px; } .fl_tb dt { font-size: 16px; line-height: 25px; } #rateform .z{width:15px !important;height:12px;} #rateform .dpbtn {border:0px;} #rateform #reasonselect{margin-bottom:10px;width:97% !important;} .fl_tb dd { font-size: 13px; line-height: 20px; color: #888 } .tfm th { padding: 10px; padding-left: 30px; } .tfm td { padding: 10px 0px; } #td_qq p { margin-top: 10px; } .c0 h4 { background: linear-gradient(60deg, rgba(43,122,205,1) 0%, rgba(81,192,250,1) 100%) !important; background-image: url('') } .ftx { background: #f2f2f2; margin-top: 10px; border-top: 1px solid #DDD; padding-top: 30px; } .postbtn { padding: 10px 20px; font-size: 16px; background: linear-gradient(60deg, rgba(43,122,205,1) 0%, rgba(81,192,250,1) 100%); border-radius: 5px !important; color: #FFF; float: left; } .postbtn:hover { background: #035cb6; } .replybtn { padding: 10px 20px; font-size: 16px; background: linear-gradient(60deg, rgba(255,147,42,1) 0%, rgba(255,187,42,1) 100%); border-radius: 5px; color: #fff; float: left; } .replybtn:hover { background: #ff6600; } .px { outline: none; padding: 5px 10px; font-size: 14px; border: 1px solid #DDD; border-radius: 5px; } .tedt { font-size: 14px; border: 1px solid #DDD; border-radius: 5px; } .tedt .bar { padding: 5px 10px; } .pn { color: #FFF; padding: 3px 10px; font-size: 12px; border-radius: 5px; min-height: 25px; line-height: 25px; background: #BBB; border: 0px; } .pnc { background: #2777cb; } .pnc:hover { background: #599be1; } @media (max-width: 1080px) { .header,.ftx { width: 1080px; } .header .hdc {margin:20px;} .header #topnav {margin:0px 20px;} .ftx #frt {margin:0px 20px;} .ftx #flk {margin:0px 20px;} #toptb .z{padding-left:20px;} #wp {width:1040px;margin:0px 20px;} .appl {width:160px;} #switchwidth {display:none;} } .wp { margin: 0 auto; width: 1080px; } .listavat { float: left; margin-right: 10px; } .listavat img { border-radius: 5px; width: 30px; height: 30px; padding: 2px; background: #fff; box-shadow: 1px 1px 2px #DDD; filter: alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; } tr:hover .listavat img { filter: alpha(Opacity=100); -moz-opacity: 1; opacity: 1; } tr:hover .xst { color: #000; } #toptb { min-width: 1080px; height: 40px; line-height: 40px; border-bottom: 0px; color: #DDD; background: transparent url('template/ahome_common/src/default/half-transparent.png'); } #toptb a { color: #FFF; } .switchwidth { margin-top: 8px; margin-right: 5px; background-image: url(template/ahome_common/src/default/switch_width.png); } .switchwidth:hover { background: url(template/ahome_common/src/default/switch_width.png) no-repeat 100% -36px; } #diy-tg { float: right; padding: 0; margin-top: 5px; width: 56px; height:29px !important; background: url(template/ahome_common/src/default/panel-toggle.png) no-repeat 100% 4px; text-indent: -9999px; overflow: hidden; border:0 !important; } #pgt {margin-top:10px;} #newspecial_menu {min-width:80px !important} #diy-tg_menu { position: absolute !important; margin: 0 !important; margin-top:-7px !important; padding: 6px 0; width: 80px; height: 48px; line-height: 24px; background: #333; text-align: center; border:0 !important; } #diy-tg_menu a { color: #AAA; float: none !important; } #toptb #diy-tg_menu { margin: -7px 0 0 -17px; } #toplogo { margin-top: 8px; margin-bottom: 20px; height: 60px; } #topnav { margin-bottom: 70px; margin-top:-30px; background: transparent url(''); overflow: hidden; height: 33px; color: #FFF; font-weight: normal; } #topnav * { text-decoration: none; background: url(''); } #topnav li { float: left; background: url(''); padding-right: 0px; height: 33px; line-height: 33px; font-weight: 700; font-size: 16px; margin-right: 0px; } .ie_all #topnav li { line-height: 36px; } .ie6 #topnav li { line-height: 33px; } #topnav li a { float: left; padding: 0 15px; height: 33px; font-weight: normal } #topnav li a { color: #FFF; } #topnav li span { display: none; } #topnav li.a { margin-left: -1px; background: transparent url('template/ahome_common/src/default/half-transparent.png'); border-radius: 0px; } #topnav li a:hover { background: transparent url('template/ahome_common/src/default/half-transparent.png'); } #topnav li.hover a:hover, #topnav li.hover a { color: #333; background: #FFF url(''); border-radius: 0px; } #scbar,#scbar_form * { border: 0px; background: transparent } .scbar_icon_td { width: 15px } #scbar_txt { background: #FFF; padding: 4px 10px; margin-top: 7px; color: #333 !important; width: 150px; border-radius: 5px; font-size: 12px; } #scbar_type { color: #FFF !important; } #diy_backup_tip { z-index: 999 } #um { margin-top: 15px; } #um,#um a { color: #FFF } .avt { margin-left: 5px; } #qmenu { background: #FFF; padding: 2px; margin-right: 0px; } .showmenu .a { color: #888 !important } .p_pop { margin-left: 0px; background: #FFF; color: #333; border: 0px; padding-top: 5px; } .p_pop li { font-size: 12px; line-height: 20px; text-align: left; } .h_pop { margin-left: 0px; background: #FFF; color: #333; border: 0px; marign-top: 10px; } .h_pop li a { padding-left: 10px; font-size: 14px; } .h_pop li { line-height: 30px; } #um .a { background: #FFF; color: #333; border: 0px; } #um a { text-decoration: none } .fastlg input { outline: none; border-radius: 5px; border: 0px; color: #AAA !IMPORTANT; padding: 2px 10px !important; background: transparent url('template/ahome_common/src/default/half-transparent.png') !important; } #pt .z { font-size: 14px; color: #888; margin-top: 10px; float: none; } #pt { margin-bottom: 10px; } .dataul { width: 100%; margin-top: -10px; } .dataul li { border-left: 1px solid #dedede; margin: 10px 0px; padding: 5px 20px; text-align: center; float: left; list-style: none; } .dataul li .data { font-size: 18px; color: {HIGHLIGHTLINK }; line-height:40px; } .dataul li .desc { font-size: 14px; color: #888; line-height: 24px; } .bm { border-radius: 5px; } .bm_h { background: {TITLEBGCOLOR } {TITLEBGCODE }; border-top-left-radius:4px;border-top-right-radius:4px;line-height:45px;height:45px;font-size:16px; } .bm_h .o img { width: 24px; height: 24px; } .area textarea{border:0px !important;} .pbt #subject{padding:5px 5px !important;} /* 通用波浪动画背景 */ .header { position: relative; text-align: center; background: linear-gradient(60deg, rgba(43,122,205,1) 0%, rgba(0,90,180,1) 100%); background-size: 100% auto; color: white; } .inner-header { width: 100%; margin: 0; padding: 0; color: #FFF; } .flex { /*Flexbox for containers*/ display: flex; justify-content: center; align-items: center; text-align: center; } .waves { position: relative; width: 100%; height: 30px; margin-bottom: -7px; /*Fix for safari gap*/ min-height: 60px; max-height: 100px; } .content { position: relative; height: 20vh; text-align: center; background-color: white; } /* Animation */ .parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; } .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } .parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } .parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } @media (max-width: 768px) { .waves { height: 40px; min-height: 40px; } .content { height: 30vh; } h1 { font-size: 24px; } }