/*reset*/ /*main css*/ .main-im { position:fixed; right:10px; top:140px; z-index:100; width:110px; height:272px;} .main-im .qq-a { display:block; width:106px; height:116px; font-size:14px; color:#0484cd; text-align:center; position:relative;} .main-im .qq-a span { bottom:5px; position:absolute; width:90px; left:10px;} .main-im .qq-hover-c { width:70px; height:70px; border-radius:35px; position:absolute; left:18px; top:10px; overflow:hidden; z-index:9;} .main-im .qq-container { z-index:99; position:absolute; width:109px; height:118px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom:1px solid #dddddd; background:url(../images/qq-icon-bg.jpg) no-repeat center 8px;} .main-im .img-qq { max-width:62px; display:block; position:absolute; left:6px; top:4px; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;} .main-im .im-qq:hover .img-qq { max-width:70px; left:1px; top:8px; position:absolute;} .main-im .im_main { background:#F9FAFB; border:1px solid #eee; border-radius:10px; background:#F9FAFB; display:none;} .main-im .im_main .im-tel { color:#000000; text-align:center; width:109px; height:auto; padding:10px 0;} .main-im .im_main .im-tel div { font-weight:bold; font-size:12px; margin-top:6px;} .main-im .im_main .im-tel .tel-num { font-family:Arial; font-weight:bold; color:#e66d15;} .main-im .im_main .im-tel:hover { background:#fafafa;} .main-im .im_main .weixing-container { width:55px; height:47px; border-right:1px solid #dddddd; background:#f5f5f5; border-bottom-left-radius:10px; background:url(../images/weixing-icon.jpg) no-repeat center center; float:left;} .main-im .im_main .weixing-show { width:112px; height:172px; background:#ffffff; border-radius:10px; border:1px solid #dddddd; position:absolute; left:-125px; top:-126px;} .main-im .im_main .weixing-show .weixing-sanjiao { width:0; height:0; border-style:solid; border-color:transparent transparent transparent #ffffff; border-width:6px; left:112px; top:134px; position:absolute; z-index:2;} .main-im .im_main .weixing-show .weixing-sanjiao-big { width:0; height:0; border-style:solid; border-color:transparent transparent transparent #dddddd; border-width:8px; left:112px; top:132px; position:absolute;} .main-im .im_main .weixing-show .weixing-ma { width:104px; height:103px; padding-left:5px; padding-top:5px;} .main-im .im_main .weixing-show .weixing-txt { position:absolute; top:110px; left:7px; width:100px; margin:0 auto; text-align:center;} .main-im .im_main .go-top { width:50px; height:47px; background:#f5f5f5; border-bottom-right-radius:10px; float:right;} .main-im .im_main .go-top a { display:block; width:52px; height:47px;} .main-im .close-im { position:absolute; right:10px; top:-12px; z-index:100; width:24px; height:24px;} .main-im .close-im a { display:block; width:24px; height:24px; background:url(../images/close_im.jpg) no-repeat left top;} .main-im .close-im a:hover { text-decoration:none;} .main-im .open-im { cursor:pointer; margin-left:68px; width:40px; height:133px; background:url(../images/open_im.jpg) no-repeat left top;} .mloading-container { position:relative; min-height:70px; -webkit-transition:height 0.6s ease-in-out; -o-transition:height 0.6s ease-in-out; transition:height 0.6s ease-in-out;} .mloading { position:absolute; background:#E9E9E8; font:normal 12px/22px "Microsoft Yahei", "simsun"; display:none; z-index:1600; background:rgba(233, 233, 232, 0);} .mloading.active { display:block;} .mloading.mloading-mask { background:rgba(233, 233, 232, 0.75); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);} .mloading-full { position:fixed; width:100%; height:100%; top:0; left:0;} .mloading-container > .mloading { top:0px; left:0px; width:100%; height:100%;} .mloading-body { width:100%; height:100%; position:relative;} .mloading-bar { width:250px; min-height:22px; text-align:center; background:#fff; box-shadow:0 1px 2px rgba(0, 0, 0, 0.27); border-radius:7px; padding:20px 15px; font-size:14px; color:#999; position:absolute; top:50%; left:50%; margin-left:-140px; margin-top:-30px; word-break:break-all;} @media (max-width:300px) { .mloading-bar { width:62px; height:56px; margin-left:-30px !important; margin-top:-30px !important; padding:0; line-height:56px;} .mloading-bar > .mloading-text { display:none;} } .mloading-bar-sm { width:62px; height:56px; margin-left:-30px !important; margin-top:-30px !important; padding:0; line-height:56px;} .mloading-bar-sm > .mloading-text { display:none;} .mloading-icon { width:16px; height:16px; vertical-align:middle;} .mloading-text { margin-left:10px;}