/* CSS Document */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,th,ul{margin:0;padding:0}
.auto{margin:0 auto;max-width:1200px;min-width:1200px;overflow:hidden}
.pull-left{float:left}

.server-package.server-module{background:#fff;padding-bottom:100px}
.module-title{position:relative;text-align:center;height:172px;line-height:182px;font-size:32px}
.server-pkg-item{position:relative;float:left;background:#fff;transition:transform .3s ease;margin-left:-1px;height:445px;width:300px}
.pkg-inner{background:#fff;width:300px;height:445px;border:1px solid #d3d3d3}
.server-pkg-item.pkg-item--active .pkg-inner{position:absolute;border-color:#ff303a;width:310px;height:486px;top:-20px;box-shadow:0 5px 13px rgba(0,0,0,.1)}
.server-pkg-title{height:80px;line-height:80px;background:#e4e4e4;font-size:22px;color:#333;text-align:center}
.server-pkg-item.pkg-item--active .server-pkg-title{background:#ff303a;color:#fff;height:100px;line-height:103px}
.server-pkg-box{padding:20px 26px 0 26px}
.server-pkg-brief{height:75px;line-height:1.8em;font-size:14px;color:#666;text-align:left}
.pkg-config-item{float:left;text-align:center;color:#333;width:25%;height:80px;background:#f7f7f7;margin-top:20px}
.pkg-config-main{padding-top:12px;font-size:28px}
.pkg-item--active .pkg-config-main{color:#ff303a}
.pkg-config-unit{font-size:16px}
.pkg-config-sub{font-size:14px;color:#999}
.pkg-price-row{margin-top:37px;text-align:center;font-size:14px}
.pkg-price{color:#ff303a;font-size:28px}
.pkg-buy-button{text-align:center;margin-top:20px}
.pkg-buy-button a{display:inline-block;width:177px;height:39px;line-height:38px;border:1px solid #ff303a;background:#fff;text-align:center;color:#ff303a}
.server-pkg-item.pkg-item--active{z-index:10}
.mod2.server-module.single{padding-bottom:55px;background-color:#efefef}
.mod2.server-module.single{padding-bottom:55px;background-color:#efefef}
.youshi-item{width:362px;text-align:center;border:1px solid #d3d3d3}
.youshi-item li{font-size:14px;line-height:39px;color:#666;background:#fff}
.youshi-item .youshi-header{border-bottom:1px solid #d3d3d3;background:#f0f0f0;font-size:16px;color:#666;line-height:62px}
.youshi-item .even-row{background:#f7f7f7}
.youshi-our{position:relative;z-index:2;border:2px solid #ff303a;border-bottom-width:6px;box-shadow:0 0 6px 2px rgba(255,48,58,.5)}
.youshi-our{width:466px}
.youshi-our li{color:#333;font-size:16px}
.youshi-item .youshi-header{border-bottom:1px solid #d3d3d3;background:#f7f7f7;font-size:16px;color:#666;line-height:62px}
.youshi-our li.youshi-header{position:relative;color:#fff;font-size:22px;height:63px}
.youshi-our .even-row{background:#ffe9eb}
.our-block-extra{position:absolute;left:-2px;right:-1px;height:93px;line-height:93px;bottom:0;z-index:10;background:#ff303a}
.youshi-our-rec{position:absolute;width:55px;height:55px;right:-5px;top:-3px;background:url("skins/images/server_icon_recommend.png")/*tpa=http://www.east263.com/clouds/skins/images/server_icon_recommend.png*/}
.function-table{width:100%;margin-top:32px; border-collapse:separate}
.function-table td{padding:30px 40px;border-right:1px solid #53524e;border-top:1px solid #53524e;border-bottom:1px solid #000;border-bottom:1px solid rgba(0,0,0,.9);color:#cacaca;font-size:14px;background-color:#2e3035;text-align:left;line-height:26px}
.mod3.server-module{background:url("skins/images/yy_cpgn_bg.jpg")/*tpa=http://www.east263.com/clouds/skins/images/yy_cpgn_bg.jpg*/ no-repeat;background-position:center center;background-size:100% 100%;background-color:#030305}
.yy_txyfwqPage .mod1 .df_width{overflow:initial}
.yy_txyfwqPage .mod3{padding-bottom:80px}
.yy_txyfwqPage .mod3 .module-title-name{color:#a0a0a0}
.yy_txyfwqPage .mod3 .module-title{height:135px;text-align:center}
.yy_txyfwqPage .mod3 .function-title{text-align:center;font-size:18px;color:#a0a0a0}
.border-top-black-color{border-top:2px solid rgba(0,0,0,.9)!important}
.border-right{border-right-color:#ff303a!important}
.border-top-left-bottom{border-left-color:#ff303a!important;border-top-color:#ff303a!important;border-bottom-color:#ff303a!important}
.border-top-right-bottom{border-right-color:#ff303a!important;border-top-color:#ff303a!important;border-bottom-color:#ff303a!important}

.warp{padding-top: 1px; min-width: 1040px;}
.btmb-title{width: 840px; height: 43px; text-indent: -999em; background: url("skins/images/btmb-title.png")/*tpa=http://www.east263.com/clouds/skins/images/btmb-title.png*/ no-repeat; margin: 60px auto 25px;}
.downBtn{height: 46px; width: 100%; text-align: center; margin: 60px auto 50px;}
.downBtn span{display: inline-block; width: 136px; height: 44px; line-height: 44px; border: 1px solid rgb(255,48,58); text-align: center; font-size: 16px; color: rgb(255,48,58); border-radius: 5px; cursor: pointer; margin: 0 5px;}
.downBtn span.on, .downBtn span:hover{background: rgb(255,48,58); color: #fff;}
.downBtn span a{color: rgb(255,48,58); display: block;}
.preview{background: url("skins/images/pc.png")/*tpa=http://www.east263.com/clouds/skins/images/pc.png*/ no-repeat top center; height: 617px; margin-top: 30px; padding-top: 24px;}
.preview .windows, .preview .linux{height: 517px; width: 814px; margin: 0 auto; position: relative;}
.WSoft-min{box-shadow: 0 0 10px #666; position: absolute; right: 0; bottom: 0; width: 450px;}
.WSoft-min img{vertical-align: bottom;}
.downBtn span a{color:rgb(255,48,58);display:block;font-size: 14px;}
.downBtn span.on a,.downBtn span:hover a{color:#fff;font-size: 14px;}


.info-list-wrap .auto{padding: 74px 0 68px 0;}
.info-list-wrap .info-list{width: 480px;text-align: left;overflow: hidden;padding-bottom: 10px;}
.info-list-wrap .info-list.fl_l{margin-left: 42px;}
.info-list-wrap .info-list.fl_r{margin-right: 42px;}
.info-list-wrap .info-list p{font-size: 24px;margin-bottom: 24px;margin-left: 20px;}
.info-list-wrap .info-list ul{padding-top: 8px;border-top: 1px solid rgb(229,229,229);}
.info-list-wrap .info-list ul li{padding-bottom: 13px;padding-top: 12px;border-bottom: 1px dashed rgb(229,229,229);}
.info-list-wrap .info-list ul li:last-child{border: none;}
.info-list-wrap ul li a{font-size: 14px;color: black;display: block;overflow: hidden;height: 19px;line-height: 19px;transition: all .2s;}
.info-list-wrap ul li a:hover i{background-color: rgb(255,48,58);}
.info-list-wrap ul li a:hover .info-title{color: rgb(255,48,58);}
.info-list-wrap .info-list .icon-list-circle{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: rgb(221,221,221);margin-top: 5px;transition: all .2s;}
.info-list-wrap ul li a:hover .icon-list-circle{color: rgb(255,48,58);background-color:rgb(255,48,58);}
.info-list-wrap .info-list .info-title{margin-left: 10px;float: left;}
.info-list-wrap ul li a:hover .info-title{text-decoration: underline;transition: all .2s;}
.info-list-wrap .info-list .info-date{float: right;}
.info-list-wrap .info-more-btn{width: 278px;border: 1px solid rgb(213,213,213);color: rgb(255,48,58);display: block;text-align: center;border-radius: 50px;height: 30px;line-height: 30px;margin: 10px auto 0 auto; box-shadow: 1px 5px 11px rgb(213,213,213); font-size: 14px; transition: all .2s;}
.info-list-wrap .info-more-btn:hover{background-color: rgb(255, 70, 70);color: white;border-color: rgb(255, 70, 70);box-shadow: 1px 5px 11px rgb(255, 130, 130);}
.fl_l{float:left}
.fl_r{float:right}



