﻿/*fixed_bottom*/
.fixed_bottom{position:fixed;width:100%;bottom:0;left:0;padding:.6em 0;background-color:#1e5cc9; overflow:initial}
.fixed_bottom a{display:inline-block;width:28.666667%;font-size:24px;line-height:2;color:#fff;text-align:center;}
.fixed_bottom .l{float:left;margin-left:2.53333%;}
.fixed_bottom .r{float:right;margin-right:2.533333%;}
.fixed_bottom .c{position:absolute; width:96px;bottom:0;left:50%;margin-left:-40px;}
.fixed_bottom .img{display:inline-block;width:62px;margin-right:5px;vertical-align:middle;}

/*top_float*/
.top_float{position:fixed;width:100%;top:-100%;right:0;z-index: 9999}
#topflat_con {height:110px;padding:8px 0;background-color:rgba(0,0,0,.85);overflow:hidden;z-index: 1}
.top_float .item{position:relative;margin-bottom:20px;}
.top_float .item .img{width:14.66667%;float:left;margin-left:4%;}
.top_float .item .con{margin-left:21.33333%;padding-top:.5em;font-size:16px;color:#fff;}
.top_float .item .con .c2,
.top_float .item .con .c2 a{color:#00baff;}
.top_float .item .btn{display:inline-block;position:absolute;width:22.4%;height:32px;top:15px;right:4.8%;border-radius:16px;border:1px solid #00baff;line-height:32px;color:#00baff;text-align:center;}
.top_float .item .btn i{display:inline-block;width:22.619%;max-width:19px;margin-right:6px;vertical-align:middle;line-height:1;}
#topfloat_num{display:inline-block;position:fixed;width:100%;height:130px;top:-100%;right:0;opacity:0;background-color:#ff3405;font:12px/18px "Microsoft YaHei";color:#fff;text-align:center;font-style:normal;z-index:1000;}
#topfloat_num.led{width:18px;height:18px;opacity:1;border-radius:50%;
    -webkit-animation:led 1s .6s infinite;
    -moz-animation:led 1s .6s infinite;
    animation:led 1s .6s infinite;
}

@-webkit-keyframes led {
    0%, 49.9%{opacity:1;}
    50%, 99.9%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes led {
    0%, 49.9%{opacity:1;}
    50%, 99.9%{opacity:0;}
    100%{opacity:1;}
}
@keyframes led {
    0%, 49.9%{opacity:1;}
    50%, 99.9%{opacity:0;}
    100%{opacity:1;}
}

/*dialogue*/
.dialogue{position:fixed;width:76.53333%;height:100%;top:0;right:0;right:-76.53333%\0;visibility: hidden;background-color:#f2f2f2;box-shadow:inset 4px 0 20px rgba(0,0,0,.1);z-index:99999;overflow-y: auto;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
    transition: transform 0.3s 0s, visibility 0s 0.3s;
}
.dialogue.show {visibility: visible; right:0\0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
    transition: transform 0.3s 0s, visibility 0.3s 0s;
}
.dialogue .title{padding:20px 0 20px 18.838%;background:#3c5888 url(../img/dialogue_icon1.png) 5% 50% no-repeat;background-size:30px auto;font-size:18px;line-height:2;color:#fff;}
.side_wrap{margin:0 3% 0 5%;}
.side_wrap .duty .t{margin-top:5px;border-bottom:1px solid #b5b5b5;font-size:13px;line-height:2;color:#333;}
.side_wrap .duty .doc{margin-top:10px;padding-right:3%;border-bottom:1px solid #b5b5b5;}
.side_wrap .duty .doc .img{width:30%;float:left;text-align:center;}
.side_wrap .duty .doc img{width:80%;vertical-align:bottom;}
.side_wrap .duty .doc .name{font-size:14px;line-height:2;color:#333;}
.side_wrap .duty .doc p{font-size:12px;line-height:1.5;}
.chart_list li{position:relative;margin-top:5px;padding:3px 1% 6px 5%;border-bottom:1px solid #b5b5b5;}
.chart_list li .t{position:relative}
.chart_list li:after{content:'';display:inline-block;position:absolute;width:8px;height:8px;top:6px;left:0;border-radius:50%;background-color:#ff3405;font-size:0;line-height:0;}
.chart_list li .time{float:right;font:12px/2 "";color:#999;}
.chart_list li p{color:#999;}
.chart_list li i{display:inline-block;position:absolute;width:14px;right:3%;bottom:5px;}



/*right_float*/
.right_float{position:fixed;display:none;width:33px;top:50%;right:5px;z-index:999;}
.right_float .min{display:block;padding-bottom:10px;border-radius:16px;background-color:#1e5cc9;font-size:13px;line-height:1.3;color:#fff;text-align:center;}
.right_float .min .words{display:block;margin-top:5px;padding:0 5px;line-height:1.3;text-align:center;}
.right_float .min i{display:inline-block;width:27px;height:27px;margin:3px 1px 0 0;border-radius:50%;background-color:#ff6f05;font-size:1em;line-height:27px;font-style:normal;text-align:center;}
.right_float .tel{display:block;width:25px;height:25px;margin-top:8px;border-radius:50%;border:4px solid #1e5cc9;background: url(../img/icon_tel1.png) 50% 50% no-repeat;background-size:cover;-webkit-animation: flash 1.2s 0s linear infinite;animation: flash 1.2s 0s linear infinite;}
@-webkit-keyframes flash {
    0% {background-color: #ff6f05}
    50% {background-color: #d65b00}
    100% {background-color: #ff6f05}
}
@-moz-keyframes flash {
    0% {background-color: #ff6f05}
    50% {background-color: #d65b00}
    100% {background-color: #ff6f05}
}
@keyframes flash {
    0% {background-color: #ff6f05}
    50% {background-color: #d65b00}
    100% {background-color: #ff6f05}
}

/*qq_popup*/
.shadow { display: none; position: fixed; width: 100%; height: 100%; top:0; left:0; background-color: rgba(0,0,0,.2); z-index:999;}
.float_container { display: none; position: fixed; width: 100%; left:0; bottom:0; background-image: -moz-linear-gradient(#abe5ef, #deceb7); background-image: -webkit-linear-gradient(#abe5ef, #deceb7); background-image: -o-linear-gradient(#abe5ef, #deceb7); background-image: linear-gradient(#abe5ef, #deceb7); background: -webkit-gradient(#abe5ef, #deceb7);background: -webkit-gradient(linear,center top,center bottom,from(#abe5ef), to(#deceb7));z-index:999;}
.db { display: block}
.float_container .title11 { background:#13a4db url(../swt/img/ask_new_tel.png) 3% 50% no-repeat; background-size: 40px; font-size:1.2em; line-height: 2.2; color:#fff; text-align: center; letter-spacing: -1px; cursor:pointer; }
.float_container .title11 a {color:#fff;}
.float_container dl { display: none; transiton:all .3s linear 0s}
.float_container dt { display: inline-block; width: 14%; float: left; margin: 34px 0 0 8px; text-align: center}
.float_container dd { display: inline-block; position: relative; width: 78%; float: left;}
.float_container .time { font-size: 18px; line-height: 1.6; color:#6c6761; text-align: center; }
.float_container .box { position: relative; font-size:1.2em; margin-left: 5%; padding:10px; border:1px solid #7ebbe4; border-top-color: #b2daf0; border-radius: 12px; box-shadow: 0 3px 0 #3ea0dd, inset 0 1px 1px #fff; background-image: -moz-linear-gradient(#c6e5fa, #a6d7f7); background-image: -webkit-linear-gradient(#c6e5fa, #a6d7f7); background-image: -o-linear-gradient(#c6e5fa, #a6d7f7); background-image: linear-gradient(#c6e5fa, #a6d7f7); color:#000; letter-spacing: -1px; background: -webkit-gradient(linear,center top,center bottom,from(#c6e5fa), to(#a6d7f7)); -webkit-border-radius: 12px;}
.float_container .box img { width: 22px; vertical-align: bottom}
.float_container .box:before,
.float_container .box:after { position: absolute; content: ""}
.float_container .box:before { width: 18px; height: 13px; top:-1px; left:-9px; background:url(../img/arrow.png) 0 0 no-repeat; background-size: 18px; }
.float_container .box:after { width: 40px; height: 26px; bottom:-4px; right:-7px; background:url(../swt/img/wave.png) 0 0 no-repeat; background-size: 40px; }
.float_container .btn111 { margin-top: 25px; padding:10px 0; border-top:1px solid #c7c7c0; border-bottom:1px solid #979185; background-color: #eaebed; }
.float_container .btn111 a { display: inline-block; width: 39%; height: 2em; float:left; margin:0 5%; border:1px solid #a6a5a1; border-radius: 12px; background-color: #e29e14; box-shadow: 0 2px 2px #d1d1d3; font-size: 1em; color:#fff; line-height: 2; text-align: center; text-decoration: none; transition:all .3s linear 0s; -webkit-border-radius: 12px;  }
.float_container .btn a:hover {border-color:#959490;background-color: #e29e14; color:#fff;}

@media screen and (max-width: 320px) {
    .float_container .title {font-size: 18px; background-size: 32px}
    .float_container dd {width: 73%}
    .float_container .box {
        font-size: 13px
    }
    .float_container .btn a {
        border-radius: 10px;
        font-size: 15px
    }
}

@media screen and (max-width: 414px) {
    .top_logo{padding-bottom:15px;}
    .top_logo .msg{width:auto;padding:12px 2%;}
    .top_logo .msg p {font-size: 12px}
    #hide_side_win {padding:45px 2% 10px;}

    #topflat_con {height: 60px}

    .dialogue .title{padding-left:18.838%}


    .fixed_bottom {padding:8px 0 4px;}
    .fixed_bottom a {font-size: 16px}
    .fixed_bottom .c{width:17.73333%;margin-left:-8.866666%;}
    .fixed_bottom .img{width:40%}

}

@media screen and (max-width: 375px) {
    .top_logo .msg,
    #hide_side_win {-webkit-transform-origin:right 30%;-moz-transform-origin:right 30%;transform-origin:right 30%;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);}
    #hide_side_win {width:26%;padding:50px 2% 18px}
    .top_logo .msg {padding:18px 2% 13px;}
    .fixed_bottom a {font-size: 15px}

    .top_float .item .con {font-size: 14px}
    #topflat_con {padding:6px 0}

    .dialogue .title{padding:18px 0 18px 18.838%;}
    #topfloat_num.led {right:25px!important}


}

@media screen and (max-width: 360px) {
    .dialogue .title{padding:17px 0 17px 18.838%;}
    #hide_side_win {width:26%;padding:50px 2% 15px}



    .top_ql .img {width:32%; left:1%;}
    .detail_con .btn_1 a {font-size: 14px}

    .doctor_list .btn a {font-size: 13px}
    .special .img{background-size:100% auto}

}

@media screen and (max-width: 320px) {
    body {font-size: 12px}
    .top_logo{padding-bottom:12px;}
    .top_logo .msg,
    #hide_side_win {transform-origin: right top;transform:scale(.7) skewX(-6px);}
    #hide_side_win {padding:45px 2% 10px}

    .detail_t,.main_t{font-size: 14px}

    #topflat_con {height: 51px; padding:5px 0;}



    .fixed_bottom {padding:6px 0 3px;}
    .fixed_bottom a {font-size: 14px}
    .top_float .item .con {font-size: 13px}
    .top_float .item .btn {height: 28px; line-height: 28px}

    .contact_link .i1,
    .contact_link .i2{background-size:25px auto;}
    .contact_link a .con .blue{font-size:13px}
    .dial_txt {font-size: 13px}
    .dial_btn {font-size: 15px}

    .dialogue .title{padding:13px 0 13px 18.838%;background-size:25px auto;font-size:14px}
    .chart_list li i {width:12px;right:4%;}
    .side_wrap .duty .doc .img{width:35%}


}



.clear{clear:both;}
.Mswt201603{position: fixed;
    width: 79.0666667%;;
     max-width: 500px; 
    top: 30%;
    left: 50%;
    margin-left: -250px;
    padding: 1.7333333%;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    background-color: #fff;
    font: 14px 'Microsoft Yahei',arial,sans-serif;
    color: #333;
    z-index: 999; overflow: initial;}
.Mswt_close{display:inline-block;position:absolute;width:14.839798%;top:-10px;right:-10px;}
.Mswt_close img.popub-close-img{max-width:100%;vertical-align:middle;}
.Mswt_t{padding-left:2%;font-size:1.4em;line-height:2.4;color:#000;}
.Mswt_t img.Mswt-logo-img{max-width:100%;vertical-align:middle;width:10.79258%;margin-right:2%;vertical-align:middle;}

.Mswt_con{margin-top:1%;}
.Mswt_head{width:23.608769%;float:left;border-radius:5px;border:1px solid #d7d7d7;overflow:hidden;}
.Mswt_head img.Mswt-head-img{max-width:100%;vertical-align:middle;}
.Mswt_dial{position:relative;width:64.645868%;float:left;margin-left:2.8667791%;padding:6% 0% 6% 4%;border-radius:5px;background-color:#e9e9e9;line-height:1.8;font-size: 1em;}
.Mswt_dial:after{content:'';display:inline-block;position:absolute;right:100%;top:50%;margin-top:-7px;border-width:7px 7px 7px 0;border-style:solid;border-color:transparent #e9e9e9 transparent transparent;}
.Mswt_dial .Mswt_foot-n{position:absolute;width:12.348668%;top:-5px;right:-3px;}
.Mswt_dial strong{color:#000;}
.Mswt_dial .red{color:#f94211;}
.Mswt_foot-n img.Mswt-f-img{max-width:100%;vertical-align:middle;}
.Mswt_foot {margin-top:3%;text-align: center;}
.Mswt_foot .Mswt_foot-tel{display:inline-block;width:42.664418%;vertical-align: middle;}
.Mswt_foot .Mswt_foot-tel img.Mswt_foot-tel-img{max-width:100%;vertical-align:middle;}
.Mswt_foot .Mswt_foot-btn{display:inline-block;position: relative;width:40.013491%;margin-left:7.5885329%;padding:.5em 2% .5em 0%;border-radius:5px;background-color: #1e5cc9;font-size:1em;line-height:1.6;color:#fff;text-align:center;text-decoration:none;vertical-align: middle;}
.Mswt_foot .Mswt_foot-btn i{display:inline-block;position:absolute;width:6.51341%;top:24%;right:10%;line-height:1;vertical-align:bottom;-webkit-animation:arrow 1.2s 0s ease-in-out infinite;animation:arrow 1.2s 0s ease-in-out infinite;}
.Mswt_foot .Mswt_foot-btn i img.Mswt-foot-btn-img{max-width:100%;vertical-align:middle;}
@-webkit-keyframes arrow {
    0% {-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
    50% {-webkit-transform:translateX(5px);-moz-transform:translateX(5px);transform:translateX(5px);}
    100% {-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
}
@keyframes arrow {
    0% {-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
    50% {-webkit-transform:translateX(5px);-moz-transform:translateX(5px);transform:translateX(5px);}
    100% {-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
}

@media screen and (max-width: 414px) {
.Mswt201603 {left:8.73333335%;margin-left:0;}
}


@media screen and (max-width: 360px) {
    .Mswt201603 {font-size: 13px;}
    .Mswt_t {font-size: 15px}
    .Mswt_foot .btn {font-size: 14px}
    .Mswt_dial {font-size:12px}
}
@media screen and (max-width: 320px) {
    .Mswt201603 {font-size: 12px;}
    .Mswt_t {font-size: 14px}
    .Mswt_foot .btn {font-size: 13px}
    .Mswt_dial:after {right:99.2%;}
}